#ED404E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ed404e graphic
#ed404e is a high-intensity red that commands immediate attention. Its saturated tone feels urgent and energetic, making it an ideal choice for bold call-to-action buttons or accent elements. Because black text maintains a strong 5.4:1 contrast ratio against this hue, it works well for readable UI components. Avoid using it for large backgrounds, as it quickly becomes overwhelming in scale. The hex code is #ed404e.

Questions about #ed404e

What is #ed404e in RGB, HSL and CMYK?
In RGB, #ed404e is rgb(237, 64, 78), in HSL hsl(355, 83%, 59%) and in CMYK 0%, 73%, 67%, 7%.
Where should I use #ed404e in a user interface?
#ed404e is best reserved for interactive elements like buttons, notification badges, or alert icons where you need to draw the eye quickly. Avoid using this high-intensity shade for large background areas or body text, as its saturation can become visually fatiguing for users over time.
What colors pair well with #ed404e for a professional palette?
This vibrant red balances best when paired with neutral tones like a soft charcoal or a clean off-white to ensure the primary hue remains the focal point. To create a more dynamic scheme, incorporate cool, muted accents like navy to ground the visual intensity.
Is #ed404e readable on white or black?
#ed404e has a 3.85:1 contrast ratio on white and 5.44: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.