HEX Color #CC1699 (Mediumvioletred)

About #CC1699

At its core, #CC1699 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Mediumvioletred. Its digital footprint relies on 204 parts red, 22 parts green, and 153 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 89% magenta, 25% yellow, and 20% black. With a hue angle of 316.8 degrees, it sits comfortably in the magenta spectrum.

From a UX and accessibility standpoint, contrast is paramount. 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#CC1699

RGB204, 22, 153

HSL316.8°, 80.5%, 44.3%

CMYK0%, 89%, 25%, 20%

HSV316.8°, 89.2%, 80.0%

LAB46.6, 74.1, -24.4

XYZ30.9, 15.7, 31.5

Decimal13375129

Color Harmonies

Complementary

#CC1699 #16CC49

Analogous

#A316CC #CC163D

Triadic

#99CC16 #1699CC

Tetradic

#CCA316 #16CC49 #163DCC

Tints, Shades & Tones

Tints (Adding White)

#CC1699

#D12FA4

#D749AF

#DD63BB

#E27DC6

#E897D1

#EEB1DD

#F3CBE8

#F9E5F3

#FFFFFF

Shades (Adding Black)

#CC1699

#B51388

#9E1177

#880E66

#710C55

#5A0944

#440733

#2D0422

#160211

#000000

WCAG Contrast Accessibility

5.07:1

Text on #FFFFFF

AA

4.14:1

Text on #000000

AA Large

4.85:1

Text on #F8FAFC

AA

3.52:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC1699; }

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

Similar Colors

Mediumvioletred

#C71585