#E20C09 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Aggressive and high-energy, this primary red demands immediate attention. #e20c09 is far too intense for large backgrounds, but it acts as a perfect accent color for call-to-action buttons or alert icons. It pairs well with charcoal or dark navy for a sophisticated contrast. While white text reads clearly over the hex code #e20c09, use this shade sparingly to maintain its impact without overwhelming the user.
Questions about #e20c09
What is #e20c09 in RGB, HSL and CMYK?
In RGB, #e20c09 is rgb(226, 12, 9), in HSL hsl(1, 92%, 46%) and in CMYK 0%, 95%, 96%, 11%.
Where should I use #e20c09 in a design layout?
Reserve #e20c09 for high-priority UI elements like alert icons or urgent call-to-action buttons where you need to grab immediate user attention. Because of its extreme saturation, it will quickly overwhelm the eye if used for large backgrounds or body text.
What colors pair well with #e20c09 to balance its intensity?
Is #e20c09 readable on white or black?
#e20c09 has a 4.89:1 contrast ratio on white and 4.29: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.