#5700CC

A medium, vivid purple closely aligning with Mediumblue.

About #5700CC

When working with digital screens, the color #5700CC is rendered by mixing light. Designers often compare it to the standard color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 0, and 204.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 57% cyan and 100% magenta inks. The HSL representation is 265.6° hue, 100.0% saturation, and 40.0% lightness.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5700CC
RGB87, 0, 204
HSL265.6°, 100.0%, 40.0%
CMYK57%, 100%, 0%, 20%
HSV265.6°, 100.0%, 80.0%
LAB30.4, 69.3, -81.8
XYZ14.8, 6.4, 57.6
Decimal5701836

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.22:1
Text on #FFFFFF
AAA
2.28:1
Text on #000000
FAIL
8.81:1
Text on #F8FAFC
AAA
1.94:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5700CC; }
.text-color { color: #5700CC; }
.border-color { border: 2px solid #5700CC; }

Similar Colors

Mediumblue
#0000CD