#E07500 Hex Color
A bold and intensely saturated orange
This bold orange is saturated and intense, making it ideal for high-impact accents or call-to-action buttons. Because it carries such heavy visual weight, use #e07500 sparingly as a small pop of color rather than a primary background. It pairs exceptionally well with deep charcoals or slate greys for a modern look. This hex code offers enough contrast to support small, readable black text.
Questions about #e07500
What is #e07500 in RGB, HSL and CMYK?
In RGB, #e07500 is rgb(224, 117, 0), in HSL hsl(31, 100%, 44%) and in CMYK 0%, 48%, 100%, 12%.
What colors pair well with #e07500?
Because #e07500 is so intense, it balances beautifully against charcoal or deep slate grays, which ground the brightness. For a more energetic scheme, consider pairing it with deep navy to create a classic, high-contrast look.
How should #e07500 be used in web design?
Due to its heavy visual weight, #e07500 is best reserved for small, deliberate call-to-action buttons or accent icons rather than large background areas. It maintains enough contrast to remain readable with black text, making it a functional choice for alerts.
Is #e07500 readable on white or black?
#e07500 has a 3.12:1 contrast ratio on white and 6.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.