#E85225 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e85225 is a saturated, high-energy orange-red that demands immediate attention. Due to its intense warmth and vivid chroma, this color works best as a small UI accent or call-to-action button rather than a background. Pair it with deep charcoals to make the tone pop, as black text provides enough contrast to remain readable. The hex code for this shade is #e85225.
Questions about #e85225
What is #e85225 in RGB, HSL and CMYK?
In RGB, #e85225 is rgb(232, 82, 37), in HSL hsl(14, 81%, 53%) and in CMYK 0%, 65%, 84%, 9%.
How should I use #e85225 in a digital interface?
#e85225 is best reserved for small UI accents or call-to-action buttons because its intense chroma creates immediate visual dominance. Avoid using it as a primary background color, as it can quickly overwhelm the user and cause significant eye strain.
What colors pair well with #e85225?
Pair #e85225 with deep neutrals like charcoal to allow the orange-red to pop without creating clashing contrast. Using it alongside desaturated teals can also create a balanced, complementary dynamic that feels energetic yet structured for modern web layouts.
Is #e85225 readable on white or black?
#e85225 has a 3.70:1 contrast ratio on white and 5.66: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.