#ED2C2C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ed2c2c is a high-intensity red that commands immediate attention. With its blazing, saturated profile, this tone is best reserved for small UI accents like call-to-action buttons rather than large backgrounds. It feels naturally aggressive and urgent. Pair it with soft, muted grays to keep the intensity in check. Because black text maintains a strong 5.0:1 contrast ratio against it, the hex code works well for readable warnings.
Questions about #ed2c2c
What is #ed2c2c in RGB, HSL and CMYK?
In RGB, #ed2c2c is rgb(237, 44, 44), in HSL hsl(0, 84%, 55%) and in CMYK 0%, 81%, 81%, 7%. Browse more shades of red with names and hex codes.
How should I use #ed2c2c in UI design?
Reserve #ed2c2c strictly for small, high-impact UI elements like call-to-action buttons, error alerts, or notification badges. Because this color is visually aggressive, using it for large backgrounds will quickly overwhelm the user and cause digital eye strain.
What colors pair best with #ed2c2c?
To balance the intensity of #ed2c2c, pair it with neutral tones like charcoal or soft off-white backgrounds. This keeps the color from becoming too distracting while maintaining a strong 5.0:1 contrast ratio for readability and accessibility.
Is #ed2c2c readable on white or black?
#ed2c2c has a 4.20:1 contrast ratio on white and 4.99: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.