#EA5E34 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ea5e34 is a high-energy, saturated orange-red that commands immediate attention. Its intensity makes it a difficult choice for large backgrounds, so use it sparingly as a 10% accent color to highlight calls to action. It pairs unexpectedly well with deep charcoal grays. Because black text maintains a strong 6.1:1 contrast ratio against this hue, it remains readable even when used for smaller UI elements.
Questions about #ea5e34
What is #ea5e34 in RGB, HSL and CMYK?
In RGB, #ea5e34 is rgb(234, 94, 52), in HSL hsl(14, 81%, 56%) and in CMYK 0%, 60%, 78%, 8%.
How should #ea5e34 be used in interface design?
Because #ea5e34 is extremely saturated and high-energy, it works best as a tiny accent rather than a background color. Limit its use to active elements like call-to-action buttons, where it can pop against a neutral backdrop like charcoal or off-white.
Is #ea5e34 readable on white or black?
#ea5e34 has a 3.41:1 contrast ratio on white and 6.14: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.