#EE7520 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ee7520 is a bold, saturated orange that demands attention immediately. Because of its intensity, this shade works best as an accent color for calls to action rather than a background. It maintains high readability with black text, meeting accessibility standards easily. Try pairing this hex code with a deep charcoal or navy to ground the brightness without losing its inherent warmth.
Questions about #ee7520
What is #ee7520 in RGB, HSL and CMYK?
In RGB, #ee7520 is rgb(238, 117, 32), in HSL hsl(25, 86%, 53%) and in CMYK 0%, 51%, 87%, 7%.
Where should I use #ee7520 in web design?
Because #ee7520 is so high-impact, use it sparingly for primary buttons or notification badges rather than large backgrounds. It naturally commands attention, so applying it to smaller interface elements keeps your design readable and prevents it from overwhelming the user experience.
Is #ee7520 readable on white or black?
#ee7520 has a 2.91:1 contrast ratio on white and 7.20: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.