HEX Color #D32499 (Mediumvioletred)

About #D32499

Visually, #D32499 is defined as a vivid magenta. If you're using CSS, you might find it aligns closely with Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 36, and 153.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 83% M, 27% Y, and 17% K. The HSL representation is 319.9° hue, 70.9% saturation, and 48.4% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#D32499

RGB211, 36, 153

HSL319.9°, 70.9%, 48.4%

CMYK0%, 83%, 27%, 17%

HSV319.9°, 82.9%, 82.7%

LAB48.8, 73.1, -20.9

XYZ33.2, 17.4, 31.7

Decimal13837465

Color Harmonies

Complementary

#D32499 #23D35E

Analogous

#B523D3 #D32341

Triadic

#98D323 #2398D3

Tetradic

#D3B523 #23D35E #2341D3

Tints, Shades & Tones

Tints (Adding White)

#D32499

#D73CA4

#DC54AF

#E16DBB

#E685C6

#EB9DD1

#F0B6DD

#F5CEE8

#FAE6F3

#FFFFFF

Shades (Adding Black)

#D32499

#BB2088

#A41C77

#8C1866

#751455

#5D1044

#460C33

#2E0822

#170411

#000000

WCAG Contrast Accessibility

4.69:1

Text on #FFFFFF

AA

4.48:1

Text on #000000

AA Large

4.48:1

Text on #F8FAFC

AA Large

3.81:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D32499; }

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

Similar Colors

Mediumvioletred

#C71585