#EA5B2C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ea5b2c graphic
This vivid red-orange packs significant intensity, making it ideal for call-to-action buttons or alert accents rather than full-page backgrounds. Its high saturation commands attention, though it pairs best with cool, desaturated teals or deep charcoals to balance the heat. Black text remains readable against this hex code, #ea5b2c, which offers enough contrast for legible typography in UI design.

Questions about #ea5b2c

What is #ea5b2c in RGB, HSL and CMYK?
In RGB, #ea5b2c is rgb(234, 91, 44), in HSL hsl(15, 82%, 55%) and in CMYK 0%, 61%, 81%, 8%.
Where does #ea5b2c work best in UI design?
The intense saturation of #ea5b2c makes it highly effective for call-to-action buttons or urgent alert indicators. It demands immediate attention, so reserve it for specific UI elements that need to pop against neutral backgrounds like charcoal or soft whites.
Which colors balance the intensity of #ea5b2c?
To calm the heat of this red-orange, pair it with cool, desaturated tones. It creates a sophisticated, balanced contrast when placed next to muted teal or deep, dark navy shades, preventing the design from feeling overly aggressive or overwhelming.
Is #ea5b2c readable on white or black?
#ea5b2c has a 3.48:1 contrast ratio on white and 6.03: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.