#E21B23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red commands immediate attention. Because it is so saturated, #e21b23 works best as an accent color for calls to action or UI highlights rather than a full background. It pairs well with charcoal grays or deep navies to ground its intensity. White text displays clearly on this hex code, offering solid contrast for accessibility. Keep it limited to small, impactful areas to avoid overwhelming your layout.
Questions about #e21b23
What is #e21b23 in RGB, HSL and CMYK?
In RGB, #e21b23 is rgb(226, 27, 35), in HSL hsl(358, 79%, 50%) and in CMYK 0%, 88%, 85%, 11%.
How can I effectively use #e21b23 in a web interface?
Because #e21b23 is highly saturated and visually aggressive, you should reserve it for specific call-to-action buttons or critical alerts. It works best when balanced against neutral backgrounds like charcoal or off-white, preventing the intense hue from overwhelming your user interface layout.
Is #e21b23 readable on white or black?
#e21b23 has a 4.75:1 contrast ratio on white and 4.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.