HEX Color #C51DB6 (Mediumorchid)

About #C51DB6

Visually, #C51DB6 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Mediumorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 29, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 85% M, 8% Y, and 23% K. The HSL representation is 305.4° hue, 74.3% saturation, and 44.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#C51DB6

RGB197, 29, 182

HSL305.4°, 74.3%, 44.3%

CMYK0%, 85%, 8%, 23%

HSV305.4°, 85.3%, 77.3%

LAB47.1, 75.3, -40.9

XYZ31.9, 16.1, 45.7

Decimal12918198

Color Harmonies

Complementary

#C51DB6 #1DC52B

Analogous

#7F1DC5 #C51D62

Triadic

#B6C51D #1DB5C5

Tetradic

#C57F1D #1DC52B #1D61C5

Tints, Shades & Tones

Tints (Adding White)

#C51DB6

#CB36BE

#D14FC6

#D868CE

#DE81D6

#E59ADE

#EBB3E6

#F2CCEE

#F8E5F6

#FFFFFF

Shades (Adding Black)

#C51DB6

#AF19A1

#99168D

#831379

#6D1065

#570C50

#41093C

#2B0628

#150314

#000000

WCAG Contrast Accessibility

4.97:1

Text on #FFFFFF

AA

4.23:1

Text on #000000

AA Large

4.75:1

Text on #F8FAFC

AA

3.59:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #C51DB6; }

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

Similar Colors

Mediumorchid

#BA55D3