#ED7310 Hex Color

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

Hex color #ed7310 graphic
#ed7310 is a high-energy orange that demands attention through its sheer intensity. Because it is so saturated, this shade functions best as an accent color for calls to action or UI highlights rather than a large background. It pairs exceptionally well with charcoal grays or deep teals. This hex code offers excellent contrast for black text, ensuring high legibility for critical design elements.

Questions about #ed7310

What is #ed7310 in RGB, HSL and CMYK?
In RGB, #ed7310 is rgb(237, 115, 16), in HSL hsl(27, 87%, 50%) and in CMYK 0%, 51%, 93%, 7%.
What colors pair well with #ed7310 for UI design?
#ed7310 works best when balanced against neutral, grounded tones that let its intensity pop without causing visual fatigue. Pair this orange with deep charcoal for text or a muted teal to create a striking, modern contrast in professional interfaces.
Is #ed7310 suitable for body text or large background areas?
Avoid using #ed7310 for body text or expansive background areas, as its high saturation can quickly overwhelm the viewer and cause significant eye strain. Reserve this intense shade strictly for smaller design elements like buttons, badges, or specific call-to-action highlights.
Is #ed7310 readable on white or black?
#ed7310 has a 2.97:1 contrast ratio on white and 7.06: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.