#ED5F57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ed5f57 is a high-energy red with a heavy dose of warmth. This saturated tone commands attention, making it ideal for call-to-action buttons or urgent alerts. Because it offers strong contrast with black text, it maintains excellent readability in interface design. Use this hex code sparingly as a 10% accent color, as it can overwhelm larger, more muted layouts better suited for deeper brown tones.
Questions about #ed5f57
What is #ed5f57 in RGB, HSL and CMYK?
In RGB, #ed5f57 is rgb(237, 95, 87), in HSL hsl(3, 81%, 64%) and in CMYK 0%, 60%, 63%, 7%.
How should I use #ed5f57 in my UI design?
Apply #ed5f57 sparingly as a strategic 10% accent color for call-to-action buttons or error states. Because this red is highly saturated, it easily overwhelms larger layouts, so balance it against neutral backgrounds like charcoal or soft off-whites to maintain visual comfort.
Is #ed5f57 readable on white or black?
#ed5f57 has a 3.29:1 contrast ratio on white and 6.37: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.