HEX Color #CC3399 (Mediumvioletred)

About #CC3399

Visually, #CC3399 is defined as a moderate magenta. Its closest recognized web color is Mediumvioletred. In the RGB color space, it consists of 204 red, 51 green, and 153 blue.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 75% M, 25% Y, and 20% K. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#CC3399

RGB204, 51, 153

HSL320.0°, 60.0%, 50.0%

CMYK0%, 75%, 25%, 20%

HSV320.0°, 75.0%, 80.0%

LAB48.9, 67.5, -20.9

XYZ31.8, 17.5, 31.8

Decimal13382553

Color Harmonies

Complementary

#CC3399 #32CC66

Analogous

#B232CC #CC324C

Triadic

#98CC32 #3298CC

Tetradic

#CCB232 #32CC66 #324CCC

Tints, Shades & Tones

Tints (Adding White)

#CC3399

#D149A4

#D760AF

#DD77BB

#E28DC6

#E8A4D1

#EEBBDD

#F3D1E8

#F9E8F3

#FFFFFF

Shades (Adding Black)

#CC3399

#B52D88

#9E2777

#882266

#711C55

#5A1644

#441133

#2D0B22

#160511

#000000

WCAG Contrast Accessibility

4.67:1

Text on #FFFFFF

AA

4.50:1

Text on #000000

AA

4.46:1

Text on #F8FAFC

AA Large

3.83:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC3399; }

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

Similar Colors

Mediumvioletred

#C71585