#EC8A3A Hex Color

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

Hex color #ec8a3a graphic
With its strong saturation and light, warm value, #ec8a3a brings immediate energy without the harshness of neon orange. This bold shade suits calls to action, food branding, sports graphics, and autumn accents, especially against navy or charcoal. Use it as a supporting tone or small accent. The hex code #ec8a3a supports black text at about 8.3:1 contrast, enough for WCAG AA body text.

Questions about #ec8a3a

What is #ec8a3a in RGB, HSL and CMYK?
In RGB, #ec8a3a is rgb(236, 138, 58), in HSL hsl(27, 82%, 58%) and in CMYK 0%, 42%, 75%, 7%.
What colors pair well with #ec8a3a?
#ec8a3a pairs well with navy, charcoal, cream, and muted blue, whose cooler or softer tones balance its warm orange energy and help it stand out without making a layout feel harsh. Use the orange for buttons or small accents.
Where does #ec8a3a work best in a design?
#ec8a3a works best as a focused accent for calls to action, food branding, sports graphics, and autumn-themed layouts, especially with navy or charcoal backgrounds, where its bright warm saturation draws attention quickly.
Is #ec8a3a readable on white or black?
#ec8a3a has a 2.54:1 contrast ratio on white and 8.26: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.