#D31D83
A medium, vivid magenta closely aligning with Mediumvioletred.
About #D31D83
The precise color #D31D83 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumvioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 29, and 131.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 86% M, 38% Y, and 17% K. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#D31D83
RGB211, 29, 131
HSL326.4°, 75.8%, 47.1%
CMYK0%, 86%, 38%, 17%
HSV326.4°, 86.3%, 82.7%
LAB47.5, 72.2, -9.7
XYZ31.4, 16.4, 23.0
Decimal13835651
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.91:1
Text on #FFFFFF
AA
4.27:1
Text on #000000
AA Large
4.70:1
Text on #F8FAFC
AA
3.63:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #D31D83;
}
.text-color {
color: #D31D83;
}
.border-color {
border: 2px solid #D31D83;
}