#ED4025 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated red demands immediate attention, making it perfect for UI accents or critical calls to action. Avoid using it for large backgrounds, as the intensity can quickly overwhelm a design. Because black text maintains a strong 5.4:1 contrast ratio against it, this color works well for small, readable labels. Pair this high-energy shade with deep charcoal using the hex code #ed4025.
Questions about #ed4025
What is #ed4025 in RGB, HSL and CMYK?
In RGB, #ed4025 is rgb(237, 64, 37), in HSL hsl(8, 85%, 54%) and in CMYK 0%, 73%, 84%, 7%.
How should I use #ed4025 in a web interface?
Because #ed4025 is a high-energy, saturated red, it works best as a functional accent rather than a background. Reserve this intensity for critical calls to action or error messages where you need to draw the eye immediately. Pair it with dark charcoal or deep neutral grays to keep your text readable and maintain a professional look.
Is #ed4025 readable on white or black?
#ed4025 has a 3.91:1 contrast ratio on white and 5.36: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.