#EC9E4A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ec9e4a is a warm, mid-tone orange that projects high energy. This hex code shines as a secondary accent rather than a dominant background, where its saturation might prove overwhelming. It pairs exceptionally well with deep charcoal or slate greys. Because black text offers a 9.6:1 contrast ratio, it provides excellent legibility for smaller interface details or sharp, clean typography.
Questions about #ec9e4a
What is #ec9e4a in RGB, HSL and CMYK?
In RGB, #ec9e4a is rgb(236, 158, 74), in HSL hsl(31, 81%, 61%) and in CMYK 0%, 33%, 69%, 7%. Browse more shades of orange with names and hex codes.
How can I effectively use #ec9e4a in UI design?
#ec9e4a works best as an accent color for calls-to-action, badges, or notification highlights where you need immediate visual focus. Avoid using it for large backgrounds, as its intense saturation can quickly overwhelm the user's eyes.
What colors pair best with #ec9e4a?
This warm orange pairs exceptionally well with deep, neutral tones like charcoal or slate greys. These dark, muted backgrounds provide the necessary visual weight to anchor the brightness of #ec9e4a and ensure your layout feels balanced rather than chaotic.
Is #ec9e4a readable on white or black?
#ec9e4a has a 2.19:1 contrast ratio on white and 9.55: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.