#E2752A Hex Color
A bold orange with high-energy presence
This saturated, aggressive orange demands attention with its high-energy presence. While it works well for small accent buttons or call-to-action highlights, use it sparingly to avoid overwhelming your layout. It pairs unexpectedly well with deep charcoal grays for a modern, industrial aesthetic. The hex code for this bold, warm orange is #e2752a, and it maintains sufficient contrast for legible black text.
Questions about #e2752a
What is #e2752a in RGB, HSL and CMYK?
In RGB, #e2752a is rgb(226, 117, 42), in HSL hsl(24, 76%, 53%) and in CMYK 0%, 48%, 81%, 11%.
What color pairs best with the bold #e2752a orange?
Deep charcoal or slate grays offer the best contrast for #e2752a, grounding its high energy without competing for attention. This pairing creates a modern, industrial aesthetic that allows the orange to stand out as a call-to-action button or vibrant highlight.
Should I use #e2752a as a primary background color?
Avoid using #e2752a as a primary background color because its high saturation and intensity can quickly overwhelm users and strain eyes. It performs far better as a strategic, limited accent that guides the eye toward specific UI elements or interactive components on the page.
Is #e2752a readable on white or black?
#e2752a has a 3.08:1 contrast ratio on white and 6.81: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.