#EC3A2E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ec3a2e is a high-octane red that demands immediate attention. With its intense saturation, this color functions best as a functional accent or a call to action button rather than a large background. It pairs well with charcoal grays for a modern, grounded contrast. Because it provides 5.2:1 contrast against black text, it meets accessibility standards for readable UI elements.
Questions about #ec3a2e
What is #ec3a2e in RGB, HSL and CMYK?
In RGB, #ec3a2e is rgb(236, 58, 46), in HSL hsl(4, 83%, 55%) and in CMYK 0%, 75%, 81%, 7%.
How should I use #ec3a2e in web design?
Use #ec3a2e sparingly as a functional accent, such as for call to action buttons, to guide user attention effectively without overwhelming the page. It provides strong contrast against white backgrounds, ensuring your interface remains accessible and clear for every user.
What colors pair best with #ec3a2e?
This intense red looks best when balanced with neutral, grounded tones like deep charcoal or soft slate grays to prevent visual fatigue. These darker, muted palettes anchor the brightness of the red, creating a sophisticated and modern contrast for professional interfaces.
Is #ec3a2e readable on white or black?
#ec3a2e has a 4.02:1 contrast ratio on white and 5.21: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.