HEX Color #D31D99 (Mediumvioletred)

About #D31D99

The hex code #D31D99 represents a beautifully specific shade of magenta. Its closest recognized web color is Mediumvioletred. In the RGB color space, it consists of 211 red, 29 green, and 153 blue.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 86% magenta, 27% yellow, and 17% black. With a hue angle of 319.1 degrees, it sits comfortably in the magenta spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D31D99

RGB211, 29, 153

HSL319.1°, 75.8%, 47.1%

CMYK0%, 86%, 27%, 17%

HSV319.1°, 86.3%, 82.7%

LAB48.3, 74.5, -21.7

XYZ33.1, 17.0, 31.7

Decimal13835673

Color Harmonies

Complementary

#D31D99 #1DD257

Analogous

#B11DD2 #D21D3E

Triadic

#98D21D #1D98D2

Tetradic

#D2B21D #1DD257 #1D3DD2

Tints, Shades & Tones

Tints (Adding White)

#D31D99

#D736A4

#DC4FAF

#E168BB

#E681C6

#EB9AD1

#F0B3DD

#F5CCE8

#FAE5F3

#FFFFFF

Shades (Adding Black)

#D31D99

#BB1988

#A41677

#8C1366

#751055

#5D0C44

#460933

#2E0622

#170311

#000000

WCAG Contrast Accessibility

4.77:1

Text on #FFFFFF

AA

4.41:1

Text on #000000

AA Large

4.56:1

Text on #F8FAFC

AA

3.75:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D31D99; }

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

Similar Colors

Mediumvioletred

#C71585