HEX Color #CC1D8A (Mediumvioletred)

About #CC1D8A

The precise color #CC1D8A is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 29, and 138.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 86% M, 32% Y, and 20% K. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. 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#CC1D8A

RGB204, 29, 138

HSL322.6°, 75.1%, 45.7%

CMYK0%, 86%, 32%, 20%

HSV322.6°, 85.8%, 80.0%

LAB46.4, 71.3, -15.7

XYZ29.9, 15.6, 25.5

Decimal13376906

Color Harmonies

Complementary

#CC1D8A #1DCB5F

Analogous

#B61DCB #CB1D32

Triadic

#8ACB1D #1D8ACB

Tetradic

#CBB61D #1DCB5F #1D32CB

Tints, Shades & Tones

Tints (Adding White)

#CC1D8A

#D13697

#D74FA4

#DD68B1

#E281BE

#E89ACB

#EEB3D8

#F3CCE5

#F9E5F2

#FFFFFF

Shades (Adding Black)

#CC1D8A

#B5197A

#9E166B

#88135C

#71104C

#5A0C3D

#44092E

#2D061E

#16030F

#000000

WCAG Contrast Accessibility

5.11:1

Text on #FFFFFF

AA

4.11:1

Text on #000000

AA Large

4.88:1

Text on #F8FAFC

AA

3.49:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC1D8A; }

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

Similar Colors

Mediumvioletred

#C71585