#E22400
A medium, vivid red closely aligning with Orangered.
About #E22400
The hex code #E22400 represents a beautifully specific shade of red. If you're using CSS, you might find it aligns closely with Orangered. To achieve this exact tint on a monitor, you would use an RGB mix of 226, 36, and 0.
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 84% magenta inks. 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#E22400
RGB226, 36, 0
HSL9.6°, 100.0%, 44.3%
CMYK0%, 84%, 100%, 11%
HSV9.6°, 100.0%, 88.6%
LAB48.8, 68.5, 61.9
XYZ32.0, 17.4, 1.7
Decimal14820352
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.68:1
Text on #FFFFFF
AA
4.49:1
Text on #000000
AA Large
4.47:1
Text on #F8FAFC
AA Large
3.81:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #E22400;
}
.text-color {
color: #E22400;
}
.border-color {
border: 2px solid #E22400;
}