#D31D16
A medium, vivid red closely aligning with Firebrick.
About #D31D16
The precise color #D31D16 is an excellent choice for modern design projects. Its closest recognized web color is Firebrick. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 29, and 22.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 86% Magenta, 90% Yellow, and 17% Black. The HSL representation is 2.2° hue, 81.1% saturation, and 45.7% lightness.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#D31D16
RGB211, 29, 22
HSL2.2°, 81.1%, 45.7%
CMYK0%, 86%, 90%, 17%
HSV2.2°, 89.6%, 82.7%
LAB45.3, 66.1, 51.6
XYZ27.4, 14.8, 2.2
Decimal13835542
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.31:1
Text on #FFFFFF
AA
3.96:1
Text on #000000
AA Large
5.07:1
Text on #F8FAFC
AA
3.36:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #D31D16;
}
.text-color {
color: #D31D16;
}
.border-color {
border: 2px solid #D31D16;
}