#E25B2B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, reddish-orange commands attention with its high-energy presence. Best used as an accent color for calls to action or UI highlights, it feels too aggressive for large backgrounds. It pairs well with slate grays or deep charcoal to ground its intensity. With a contrast ratio of 5.8:1 against black text, the hex code #e25b2b remains readable for essential interface elements.
Questions about #e25b2b
What is #e25b2b in RGB, HSL and CMYK?
In RGB, #e25b2b is rgb(226, 91, 43), in HSL hsl(16, 76%, 53%) and in CMYK 0%, 60%, 81%, 11%.
How should I use #e25b2b in web design?
#e25b2b works best as a deliberate accent color for calls to action, notification badges, or interactive UI elements. Because of its high saturation and intensity, it can easily overpower a layout if used as a primary background or large-scale component.
What colors pair well with #e25b2b?
To ground the intensity of #e25b2b, pair it with deep, neutral tones like charcoal or cool slate gray to create a balanced contrast. Using neutral companions helps the vibrancy of the orange-red stand out without causing visual strain for the user.
Is #e25b2b readable on white or black?
#e25b2b has a 3.64:1 contrast ratio on white and 5.76: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.