#E32525 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e32525 graphic
#e32525 is a high-octane, saturated red that demands immediate attention. Due to its intensity, it works best as a 10% accent color rather than a primary background, where it can quickly overwhelm the eye. Pair this shade with deep, cool grays or charcoal to ground its aggressive heat. The hex code for this powerful red is #e32525.

Questions about #e32525

What is #e32525 in RGB, HSL and CMYK?
In RGB, #e32525 is rgb(227, 37, 37), in HSL hsl(0, 77%, 52%) and in CMYK 0%, 84%, 84%, 11%.
How can I use #e32525 effectively without it becoming overwhelming?
Because #e32525 is extremely intense, restrict it to small UI elements like notification badges, call-to-action buttons, or icon highlights rather than backgrounds. Pairing it with a muted charcoal or deep slate gray helps balance the extreme heat of this red.
Does #e32525 work well with other bright colors?
It is generally safer to avoid pairing #e32525 with other highly saturated hues, as they will vibrate against each other. Instead, use this red alongside neutral tones like slate or graphite to ensure your design remains readable and accessible.
Is #e32525 readable on white or black?
#e32525 has a 4.60:1 contrast ratio on white and 4.55:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.