#E4312B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. Its high chroma makes it an excellent choice for calls to action or alert buttons, but it often overwhelms when used for full backgrounds. For better visual balance, pair #e4312b with muted grays rather than stark white. This hex code provides strong contrast for black text, ensuring readability across standard UI components.
Questions about #e4312b
What is #e4312b in RGB, HSL and CMYK?
In RGB, #e4312b is rgb(228, 49, 43), in HSL hsl(2, 77%, 53%) and in CMYK 0%, 79%, 81%, 11%.
How can I balance the intensity of #e4312b in a UI layout?
Because #e4312b is highly saturated, it often overwhelms layouts when used as a background. Instead, utilize it as a deliberate accent color for primary buttons or error states while keeping surrounding elements in neutral tones like charcoal or soft silver.
Is #e4312b readable on white or black?
#e4312b has a 4.39:1 contrast ratio on white and 4.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.