#E31836 Hex Color
A bold, high-intensity, unapologetic red
A high-intensity red, #e31836 demands attention with its saturated and unapologetically loud presence. Because of its sheer power, this color functions best as a strategic accent rather than a background. Pair it with soft, muted greys to balance the urgency without dulling the impact. White text reads clearly against this shade, meeting accessibility standards. The hex code for this bold color is #e31836.
Questions about #e31836
What is #e31836 in RGB, HSL and CMYK?
In RGB, #e31836 is rgb(227, 24, 54), in HSL hsl(351, 81%, 49%) and in CMYK 0%, 89%, 76%, 11%.
How should #e31836 be used in interface design?
Because #e31836 is so intense, reserve it strictly for call-to-action buttons or critical alerts where you need to guide the user's eye immediately. Avoid using this red as a full-page background color, as it can cause significant eye strain for your visitors.
Which colors effectively balance the intensity of #e31836?
Pair #e31836 with neutral, desaturated tones like charcoal or cool light grays to ground the design. These muted tones prevent the high saturation from overwhelming your layout, allowing the brightness of the red to function as a focal point without visual clutter.
Is #e31836 readable on white or black?
#e31836 has a 4.71:1 contrast ratio on white and 4.45: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.