#EA7A2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated orange commands immediate attention with its high-energy, warm intensity. Avoid using #ea7a2a as a full background, as it quickly becomes overwhelming; it works best as a punchy accent color for calls to action or UI highlights. Because black text maintains a high contrast ratio of 7.3:1 against this hex code, you can safely use it for small, legible type treatments.
Questions about #ea7a2a
What is #ea7a2a in RGB, HSL and CMYK?
In RGB, #ea7a2a is rgb(234, 122, 42), in HSL hsl(25, 82%, 54%) and in CMYK 0%, 48%, 82%, 8%.
How should I use #ea7a2a in my UI design?
#ea7a2a works best as a punchy, high-energy accent for call to action buttons or small UI elements rather than as a background color. Its high saturation commands attention and ensures your interface components remain visually distinct and clickable.
Is #ea7a2a readable on white or black?
#ea7a2a has a 2.87:1 contrast ratio on white and 7.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.