HEX Color #CC00A8 (Mediumvioletred)

About #CC00A8

The hex code #CC00A8 represents a beautifully specific shade of magenta. Its closest recognized web color is Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 0, and 168.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 100% magenta inks. The HSL representation is 310.6° hue, 100.0% saturation, and 40.0% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CC00A8

RGB204, 0, 168

HSL310.6°, 100.0%, 40.0%

CMYK0%, 100%, 18%, 20%

HSV310.6°, 100.0%, 80.0%

LAB46.5, 78.2, -33.5

XYZ32.0, 15.7, 38.4

Decimal13369512

Color Harmonies

Complementary

#CC00A8 #00CC24

Analogous

#8A00CC #CC0041

Triadic

#A7CC00 #00A7CC

Tetradic

#CC8A00 #00CC24 #0041CC

Tints, Shades & Tones

Tints (Adding White)

#CC00A8

#D11CB1

#D738BB

#DD55C5

#E271CE

#E88DD8

#EEAAE2

#F3C6EB

#F9E2F5

#FFFFFF

Shades (Adding Black)

#CC00A8

#B50095

#9E0082

#880070

#71005D

#5A004A

#440038

#2D0025

#160012

#000000

WCAG Contrast Accessibility

5.08:1

Text on #FFFFFF

AA

4.13:1

Text on #000000

AA Large

4.86:1

Text on #F8FAFC

AA

3.51:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC00A8; }

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

Similar Colors

Mediumvioletred

#C71585