HEX Color #C51D5F (Mediumvioletred)

About #C51D5F

Visually, #C51D5F is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. Its digital footprint relies on 197 parts red, 29 parts green, and 95 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 85% Magenta, 52% Yellow, and 23% Black. With a hue angle of 336.4 degrees, it sits comfortably in the magenta spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#C51D5F

RGB197, 29, 95

HSL336.4°, 74.3%, 44.3%

CMYK0%, 85%, 52%, 23%

HSV336.4°, 85.3%, 77.3%

LAB43.6, 65.6, 6.6

XYZ25.5, 13.6, 12.1

Decimal12918111

Color Harmonies

Complementary

#C51D5F #1DC582

Analogous

#C51DB3 #C52E1D

Triadic

#5FC51D #1D5FC5

Tetradic

#B3C51D #1DC582 #2E1DC5

Tints, Shades & Tones

Tints (Adding White)

#C51D5F

#CB3670

#D14F82

#D86894

#DE81A6

#E59AB7

#EBB3C9

#F2CCDB

#F8E5ED

#FFFFFF

Shades (Adding Black)

#C51D5F

#AF1954

#991649

#83133F

#6D1034

#570C2A

#41091F

#2B0615

#15030A

#000000

WCAG Contrast Accessibility

5.65:1

Text on #FFFFFF

AA

3.72:1

Text on #000000

AA Large

5.40:1

Text on #F8FAFC

AA

3.16:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C51D5F; }

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

Similar Colors

Mediumvioletred

#C71585