#E32A2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e32a2a is a high-octane red that demands immediate attention. Because of its intense saturation, this color works best as a 10% accent rather than a dominant background. It pairs effectively with cool, dark grays to ground its aggressive energy. While readable with black text, avoid using this hex code for large blocks of copy as it quickly fatigues the eye.
Questions about #e32a2a
What is #e32a2a in RGB, HSL and CMYK?
In RGB, #e32a2a is rgb(227, 42, 42), in HSL hsl(0, 77%, 53%) and in CMYK 0%, 81%, 81%, 11%.
How should I use #e32a2a in a user interface?
Because #e32a2a carries such aggressive, high-energy vibrations, it works best as a sharp accent rather than a primary background color. Use it sparingly for critical alert indicators or call-to-action buttons where you need to guide the user's eye to a specific, urgent task.
What colors pair well with #e32a2a?
To ground the intense saturation of #e32a2a, pair it with deep, cool-toned neutrals like charcoal or slate gray. These darker, subdued colors provide the necessary contrast to dampen the red's energy without making the design feel chaotic or visually exhausting for the viewer.
Is #e32a2a readable on white or black?
#e32a2a has a 4.53:1 contrast ratio on white and 4.63: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.