HEX Color #CC16A8 (Mediumvioletred)

About #CC16A8

The precise color #CC16A8 is an excellent choice for modern design projects. 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 168 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 89% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. 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#CC16A8

RGB204, 22, 168

HSL311.9°, 80.5%, 44.3%

CMYK0%, 89%, 18%, 20%

HSV311.9°, 89.2%, 80.0%

LAB47.3, 76.0, -32.3

XYZ32.3, 16.2, 38.5

Decimal13375144

Color Harmonies

Complementary

#CC16A8 #16CC3A

Analogous

#9516CC #CC164C

Triadic

#A8CC16 #16A7CC

Tetradic

#CC9416 #16CC3A #164DCC

Tints, Shades & Tones

Tints (Adding White)

#CC16A8

#D12FB1

#D749BB

#DD63C5

#E27DCE

#E897D8

#EEB1E2

#F3CBEB

#F9E5F5

#FFFFFF

Shades (Adding Black)

#CC16A8

#B51395

#9E1182

#880E70

#710C5D

#5A094A

#440738

#2D0425

#160212

#000000

WCAG Contrast Accessibility

4.94:1

Text on #FFFFFF

AA

4.25:1

Text on #000000

AA Large

4.73:1

Text on #F8FAFC

AA

3.61:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC16A8; }

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

Similar Colors

Mediumvioletred

#C71585