HEX Color #D31D8A (Mediumvioletred)

About #D31D8A

The hex code #D31D8A represents a beautifully specific shade of magenta. Its closest recognized web color is Mediumvioletred. This translates to an RGB value of rgb(211, 29, 138).

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 86% magenta, 35% yellow, and 17% black. With a hue angle of 324.1 degrees, it sits comfortably in the magenta spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D31D8A

RGB211, 29, 138

HSL324.1°, 75.8%, 47.1%

CMYK0%, 86%, 35%, 17%

HSV324.1°, 86.3%, 82.7%

LAB47.7, 72.9, -13.5

XYZ31.9, 16.6, 25.6

Decimal13835658

Color Harmonies

Complementary

#D31D8A #1DD266

Analogous

#C01DD2 #D21D2E

Triadic

#89D21D #1D8AD2

Tetradic

#D2C11D #1DD266 #1D2FD2

Tints, Shades & Tones

Tints (Adding White)

#D31D8A

#D73697

#DC4FA4

#E168B1

#E681BE

#EB9ACB

#F0B3D8

#F5CCE5

#FAE5F2

#FFFFFF

Shades (Adding Black)

#D31D8A

#BB197A

#A4166B

#8C135C

#75104C

#5D0C3D

#46092E

#2E061E

#17030F

#000000

WCAG Contrast Accessibility

4.87:1

Text on #FFFFFF

AA

4.31:1

Text on #000000

AA Large

4.65:1

Text on #F8FAFC

AA

3.67:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D31D8A; }

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

Similar Colors

Mediumvioletred

#C71585