HEX Color #CC076D (Mediumvioletred)

About #CC076D

The hex code #CC076D represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. This translates to an RGB value of rgb(204, 7, 109).

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 97% magenta inks. The HSL representation is 328.9° hue, 93.4% saturation, and 41.4% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CC076D

RGB204, 7, 109

HSL328.9°, 93.4%, 41.4%

CMYK0%, 97%, 47%, 20%

HSV328.9°, 96.6%, 80.0%

LAB44.4, 71.5, -0.9

XYZ27.7, 14.1, 15.7

Decimal13371245

Color Harmonies

Complementary

#CC076D #07CC66

Analogous

#C807CC #CC070A

Triadic

#6CCC07 #076CCC

Tetradic

#CCC807 #07CC66 #070ACC

Tints, Shades & Tones

Tints (Adding White)

#CC076D

#D1227D

#D73E8D

#DD599D

#E275AD

#E890BE

#EEACCE

#F3C7DE

#F9E3EE

#FFFFFF

Shades (Adding Black)

#CC076D

#B50660

#9E0554

#880448

#71033C

#5A0330

#440224

#2D0118

#16000C

#000000

WCAG Contrast Accessibility

5.50:1

Text on #FFFFFF

AA

3.82:1

Text on #000000

AA Large

5.26:1

Text on #F8FAFC

AA

3.25:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC076D; }

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

Similar Colors

Mediumvioletred

#C71585