HEX Color #CC0F75 (Mediumvioletred)

About #CC0F75

Visually, #CC0F75 is defined as a vivid magenta. Designers often compare it to the standard color Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 15, and 117.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 93% Magenta, 43% Yellow, and 20% Black. With a hue angle of 327.6 degrees, it sits comfortably in the magenta spectrum.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CC0F75

RGB204, 15, 117

HSL327.6°, 86.3%, 42.9%

CMYK0%, 93%, 43%, 20%

HSV327.6°, 92.6%, 80.0%

LAB44.9, 71.4, -5.0

XYZ28.3, 14.5, 18.1

Decimal13373301

Color Harmonies

Complementary

#CC0F75 #0FCC66

Analogous

#C40FCC #CC0F16

Triadic

#74CC0F #0F74CC

Tetradic

#CCC40F #0FCC66 #0F16CC

Tints, Shades & Tones

Tints (Adding White)

#CC0F75

#D12984

#D74493

#DD5FA3

#E279B2

#E894C1

#EEAFD1

#F3C9E0

#F9E4EF

#FFFFFF

Shades (Adding Black)

#CC0F75

#B50D68

#9E0B5B

#880A4E

#710841

#5A0634

#440527

#2D031A

#16010D

#000000

WCAG Contrast Accessibility

5.39:1

Text on #FFFFFF

AA

3.89:1

Text on #000000

AA Large

5.16:1

Text on #F8FAFC

AA

3.31:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC0F75; }

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

Similar Colors

Mediumvioletred

#C71585