HEX Color #CC0FC5 (Darkorchid)

About #CC0FC5

The hex code #CC0FC5 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Darkorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 15, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 93% magenta, 3% yellow, and 20% black. The HSL representation is 302.2° hue, 86.3% saturation, and 42.9% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#CC0FC5

RGB204, 15, 197

HSL302.2°, 86.3%, 42.9%

CMYK0%, 93%, 3%, 20%

HSV302.2°, 92.6%, 80.0%

LAB48.5, 80.8, -47.3

XYZ35.2, 17.2, 54.3

Decimal13373381

Color Harmonies

Complementary

#CC0FC5 #0FCC16

Analogous

#740FCC #CC0F66

Triadic

#C4CC0F #0FC5CC

Tetradic

#CC740F #0FCC16 #0F66CC

Tints, Shades & Tones

Tints (Adding White)

#CC0FC5

#D129CB

#D744D1

#DD5FD8

#E279DE

#E894E5

#EEAFEB

#F3C9F2

#F9E4F8

#FFFFFF

Shades (Adding Black)

#CC0FC5

#B50DAF

#9E0B99

#880A83

#71086D

#5A0657

#440541

#2D032B

#160115

#000000

WCAG Contrast Accessibility

4.73:1

Text on #FFFFFF

AA

4.44:1

Text on #000000

AA Large

4.52:1

Text on #F8FAFC

AA

3.78:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC0FC5; }

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

Similar Colors

Darkorchid

#9932CC