#EA7A56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With a saturated, warm character, #ea7a56 brings an urgent, energetic feel to any interface. It functions best as a 10% accent color rather than a dominant background, preventing it from overwhelming the viewer. Pair it with deep charcoal for a clean, legible look, as black text meets accessibility standards on this hue. For related palettes, check out these similar orange shades to refine your project.
Questions about #ea7a56
What is #ea7a56 in RGB, HSL and CMYK?
In RGB, #ea7a56 is rgb(234, 122, 86), in HSL hsl(15, 78%, 63%) and in CMYK 0%, 48%, 63%, 8%.
How should I use #ea7a56 effectively in interface design?
Apply #ea7a56 as a focused 10% accent color to draw attention to call-to-action buttons or notification badges. Because this hue is highly saturated, using it sparingly prevents the visual fatigue that happens when warm, energetic colors dominate a layout.
Is #ea7a56 readable on white or black?
#ea7a56 has a 2.83:1 contrast ratio on white and 7.41: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.