#EE2520 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ee2520 is an intensely saturated, aggressive red that commands immediate attention. Because of its high chroma, it works best as a punchy accent or a strategic call-to-action button rather than a background color. Pair it with dark charcoal or off-white to ground its brightness. Black text maintains a 4.9:1 contrast ratio against this hex code, ensuring readability for critical alerts or UI elements.
Questions about #ee2520
What is #ee2520 in RGB, HSL and CMYK?
In RGB, #ee2520 is rgb(238, 37, 32), in HSL hsl(1, 86%, 53%) and in CMYK 0%, 84%, 87%, 7%.
How can I effectively use #ee2520 in a web design interface?
#ee2520 functions best as a high-contrast accent color for primary call-to-action buttons or critical system error notifications. Because it is so visually aggressive, avoid using it as a background color to prevent overwhelming your users' visual experience.
What colors pair well with #ee2520 for a balanced design?
To ground the brightness of #ee2520, pair it with deep, neutral tones like charcoal or off-white. This combination manages the high saturation of the red while maintaining professional contrast and readability across your layout.
Is #ee2520 readable on white or black?
#ee2520 has a 4.26:1 contrast ratio on white and 4.92: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.