#ED4B2F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold red carries high energy and intense saturation, making it perfect for attention-grabbing calls to action. The hex code #ed4b2f functions best as a high-impact accent color rather than a primary background, where its brightness can overwhelm the eye. It pairs surprisingly well with dark charcoal grays, which ground its urgency while maintaining readability for small text.
Questions about #ed4b2f
What is #ed4b2f in RGB, HSL and CMYK?
In RGB, #ed4b2f is rgb(237, 75, 47), in HSL hsl(9, 84%, 56%) and in CMYK 0%, 68%, 80%, 7%.
How should I use #ed4b2f in interface design?
#ed4b2f functions best as a high-impact accent color for interactive elements like buttons or notification badges. Because of its intense saturation, avoid using it for large backgrounds or body text, as it will quickly overwhelm the viewer and strain the eyes.
What colors pair well with the #ed4b2f hex code?
Pair #ed4b2f with dark, neutral shades like charcoal to ground its visual urgency and ensure your design remains legible. You can also offset its brightness by balancing it against cooler, desaturated tones that provide contrast without fighting for attention.
Is #ed4b2f readable on white or black?
#ed4b2f has a 3.71:1 contrast ratio on white and 5.64: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.