HEX Color #C5077C (Mediumvioletred)

About #C5077C

The precise color #C5077C is an excellent choice for modern design projects. Its closest recognized web color is Mediumvioletred. In the RGB color space, it consists of 197 red, 7 green, and 124 blue.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 96% magenta, 37% yellow, and 23% black. The HSL representation is 323.1° hue, 93.1% saturation, and 40.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C5077C

RGB197, 7, 124

HSL323.1°, 93.1%, 40.0%

CMYK0%, 96%, 37%, 23%

HSV323.1°, 96.4%, 77.3%

LAB43.5, 71.3, -11.6

XYZ26.7, 13.5, 20.3

Decimal12912508

Color Harmonies

Complementary

#C5077C #07C550

Analogous

#AF07C5 #C5071C

Triadic

#7BC507 #077BC5

Tetradic

#C5AF07 #07C550 #071CC5

Tints, Shades & Tones

Tints (Adding White)

#C5077C

#CB228A

#D13E99

#D859A7

#DE75B6

#E590C4

#EBACD3

#F2C7E1

#F8E3F0

#FFFFFF

Shades (Adding Black)

#C5077C

#AF066E

#990560

#830452

#6D0344

#570337

#410229

#2B011B

#15000D

#000000

WCAG Contrast Accessibility

5.68:1

Text on #FFFFFF

AA

3.70:1

Text on #000000

AA Large

5.43:1

Text on #F8FAFC

AA

3.14:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #C5077C; }

.text-color { color: #C5077C; }

.border-color { border: 2px solid #C5077C; }

Similar Colors

Mediumvioletred

#C71585