#ED953F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation orange #ed953f brings intense warmth to any interface. Its neon quality makes it ideal for bold calls to action or seasonal branding rather than large backgrounds. Pair this shade with deep slate grays to balance its inherent energy and prevent visual fatigue. With a contrast ratio of 9.0:1 against black, the hex code #ed953f provides excellent readability for UI text and functional details.
Questions about #ed953f
What is #ed953f in RGB, HSL and CMYK?
In RGB, #ed953f is rgb(237, 149, 63), in HSL hsl(30, 83%, 59%) and in CMYK 0%, 37%, 73%, 7%.
What colors pair best with #ed953f for UI design?
Use deep, neutral tones like charcoal or slate gray to ground the intense warmth of #ed953f and prevent eye strain. These dark contrasts stabilize the neon energy, allowing the orange to function effectively as a highlight or button color.
Is #ed953f suitable for body text or large background areas?
Avoid using #ed953f for large blocks of text or expansive backgrounds because its high saturation and neon intensity create visual fatigue. It is better reserved for UI elements like buttons, badges, or small icons that require immediate user attention.
Is #ed953f readable on white or black?
#ed953f has a 2.34:1 contrast ratio on white and 8.97: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.