HEX Color #CC1DA0 (Mediumvioletred)

About #CC1DA0

The hex code #CC1DA0 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, 29, and 160.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 86% magenta, 22% yellow, and 20% black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. 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#CC1DA0

RGB204, 29, 160

HSL315.1°, 75.1%, 45.7%

CMYK0%, 86%, 22%, 20%

HSV315.1°, 85.8%, 80.0%

LAB47.3, 73.8, -27.5

XYZ31.7, 16.3, 34.7

Decimal13376928

Color Harmonies

Complementary

#CC1DA0 #1DCB49

Analogous

#A01DCB #CB1D48

Triadic

#9FCB1D #1D9FCB

Tetradic

#CBA01D #1DCB49 #1D48CB

Tints, Shades & Tones

Tints (Adding White)

#CC1DA0

#D136AA

#D74FB5

#DD68BF

#E281CA

#E89AD4

#EEB3DF

#F3CCE9

#F9E5F4

#FFFFFF

Shades (Adding Black)

#CC1DA0

#B5198E

#9E167C

#88136A

#711058

#5A0C47

#440935

#2D0623

#160311

#000000

WCAG Contrast Accessibility

4.94:1

Text on #FFFFFF

AA

4.25:1

Text on #000000

AA Large

4.72:1

Text on #F8FAFC

AA

3.61:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #CC1DA0; }

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

Similar Colors

Mediumvioletred

#C71585