HEX Color #C51D6D (Mediumvioletred)

About #C51D6D

Visually, #C51D6D is defined as a vivid magenta. Its closest recognized web color is Mediumvioletred. Its digital footprint relies on 197 parts red, 29 parts green, and 109 parts blue light.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 85% Magenta, 45% Yellow, and 23% Black. Always request a physical proof before doing a large print run with this exact code.

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#C51D6D

RGB197, 29, 109

HSL331.4°, 74.3%, 44.3%

CMYK0%, 85%, 45%, 23%

HSV331.4°, 85.3%, 77.3%

LAB44.0, 66.8, -1.5

XYZ26.2, 13.9, 15.8

Decimal12918125

Color Harmonies

Complementary

#C51D6D #1DC574

Analogous

#C51DC1 #C5201D

Triadic

#6DC51D #1D6DC5

Tetradic

#C1C51D #1DC574 #201DC5

Tints, Shades & Tones

Tints (Adding White)

#C51D6D

#CB367D

#D14F8D

#D8689D

#DE81AD

#E59ABE

#EBB3CE

#F2CCDE

#F8E5EE

#FFFFFF

Shades (Adding Black)

#C51D6D

#AF1960

#991654

#831348

#6D103C

#570C30

#410924

#2B0618

#15030C

#000000

WCAG Contrast Accessibility

5.57:1

Text on #FFFFFF

AA

3.77:1

Text on #000000

AA Large

5.32:1

Text on #F8FAFC

AA

3.21:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C51D6D; }

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

Similar Colors

Mediumvioletred

#C71585