HEX Color #CC2492 (Mediumvioletred)

About #CC2492

Visually, #CC2492 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. Its digital footprint relies on 204 parts red, 36 parts green, and 146 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 82% M, 28% Y, and 20% K. The HSL representation is 320.7° hue, 70.0% saturation, and 47.1% lightness.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CC2492

RGB204, 36, 146

HSL320.7°, 70.0%, 47.1%

CMYK0%, 82%, 28%, 20%

HSV320.7°, 82.4%, 80.0%

LAB47.2, 70.7, -19.3

XYZ30.7, 16.2, 28.7

Decimal13378706

Color Harmonies

Complementary

#CC2492 #24CB5D

Analogous

#B124CB #CB243E

Triadic

#92CB24 #2492CB

Tetradic

#CBB124 #24CB5D #243ECB

Tints, Shades & Tones

Tints (Adding White)

#CC2492

#D13C9E

#D754AA

#DD6DB6

#E285C2

#E89DCE

#EEB6DA

#F3CEE6

#F9E6F2

#FFFFFF

Shades (Adding Black)

#CC2492

#B52081

#9E1C71

#881861

#711451

#5A1040

#440C30

#2D0820

#160410

#000000

WCAG Contrast Accessibility

4.96:1

Text on #FFFFFF

AA

4.23:1

Text on #000000

AA Large

4.74:1

Text on #F8FAFC

AA

3.60:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC2492; }

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

Similar Colors

Mediumvioletred

#C71585