#E31B22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e31b22 is an unapologetically bold, high-intensity red that commands immediate attention. Because of its sheer saturation, this shade works best as a punchy 10% accent rather than a dominant background. Use it sparingly for call-to-action buttons or hazard alerts where clarity is essential. It pairs surprisingly well with deep charcoal grays to ground its visual heat. White text maintains readable contrast against this hex code.
Questions about #e31b22
What is #e31b22 in RGB, HSL and CMYK?
In RGB, #e31b22 is rgb(227, 27, 34), in HSL hsl(358, 79%, 50%) and in CMYK 0%, 88%, 85%, 11%.
What colors pair well with #e31b22?
Because #e31b22 is so visually loud, it pairs best with neutral tones that ground its heat. Try using a deep charcoal or a clean off-white to provide the necessary contrast without overwhelming the viewer. These neutrals allow the red to function as a powerful accent.
Is #e31b22 appropriate for large background areas?
Avoid using #e31b22 as a full-page background because its high intensity can easily cause eye strain. It is much more effective when reserved for small, deliberate elements like buttons or notification icons where the user needs to focus on a specific action.
Is #e31b22 readable on white or black?
#e31b22 has a 4.72:1 contrast ratio on white and 4.44: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.