#E04C32 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red-orange demands immediate attention. Because #e04c32 is so visually loud, it functions best as a focused accent rather than a background color. Pair it with dark charcoal or off-white to balance its natural heat. With a contrast ratio of 5.2:1 against black, the hex code #e04c32 is accessible for small text, though it remains most effective for high-energy calls to action.
Questions about #e04c32
What is #e04c32 in RGB, HSL and CMYK?
In RGB, #e04c32 is rgb(224, 76, 50), in HSL hsl(9, 74%, 54%) and in CMYK 0%, 66%, 78%, 12%.
Why is #e04c32 difficult to use as a primary background?
Because #e04c32 is so visually loud and saturated, it creates significant eye strain when covering large areas. It works much more effectively as a focused accent or a call to action button paired with neutral backgrounds like charcoal or off-white.
What colors balance the intensity of #e04c32?
To neutralize the high heat of #e04c32, pair it with cooler, darker tones like charcoal or deep navy. These colors provide a stable, grounded contrast that keeps the red-orange from overwhelming the overall design or feeling too aggressive.
Is #e04c32 readable on white or black?
#e04c32 has a 4.00:1 contrast ratio on white and 5.24: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.