#EA3312 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red is undeniably loud and commands immediate attention. Because #ea3312 is so saturated, use it sparingly as a 10% accent color rather than a dominant background tone. It pairs well with dark charcoal or cool greys, providing sharp contrast that feels energetic. With a 5.0:1 contrast ratio against black text, the hex code #ea3312 remains readable for UI highlights or call-to-action buttons.
Questions about #ea3312
What is #ea3312 in RGB, HSL and CMYK?
In RGB, #ea3312 is rgb(234, 51, 18), in HSL hsl(9, 86%, 49%) and in CMYK 0%, 78%, 92%, 8%.
What are the best color pairings for #ea3312?
High-intensity red shades like #ea3312 pair best with charcoal or cool greys to ground the energy. Because of its extreme saturation, avoid pairing it with other bright primaries, which creates visual vibration, and instead use it to highlight specific call-to-action buttons.
How can #ea3312 be used effectively in UI design?
Use #ea3312 sparingly as a 10 percent accent color rather than a dominant background tone to maintain visual balance. It provides a sharp, energetic contrast against dark text, ensuring that UI highlights remain accessible while retaining their punchy, immediate visual impact.
Is #ea3312 readable on white or black?
#ea3312 has a 4.21:1 contrast ratio on white and 4.98: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.