#E00E0B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands attention with extreme saturation and a bold, aggressive temperature. It works best as a 10% accent color to highlight calls to action or alert users, rather than a full background. The hex code #e00e0b pairs effectively with clean white text to ensure readability, though it can overwhelm a layout if used too broadly.
Questions about #e00e0b
What is #e00e0b in RGB, HSL and CMYK?
In RGB, #e00e0b is rgb(224, 14, 11), in HSL hsl(1, 91%, 46%) and in CMYK 0%, 94%, 95%, 12%.
How should #e00e0b be used in UI design?
This high-intensity red functions best as a tactical accent color rather than a primary background element. Limit its use to about 10% of your layout to highlight specific calls to action without overwhelming the user or fatiguing their eyes with excessive brightness.
What colors pair well with #e00e0b?
Is #e00e0b readable on white or black?
#e00e0b has a 4.95:1 contrast ratio on white and 4.23: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.