#ED332B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands attention with its intense, high-energy presence. Because #ed332b is so visually loud, it functions best as a small accent rather than a background. Use it sparingly to guide eyes toward calls to action or error states. It pairs surprisingly well with deep charcoal grays, providing a clean contrast that meets accessibility standards when paired with black text.
Questions about #ed332b
What is #ed332b in RGB, HSL and CMYK?
In RGB, #ed332b is rgb(237, 51, 43), in HSL hsl(2, 84%, 55%) and in CMYK 0%, 78%, 82%, 7%.
How can #ed332b be used effectively in interface design?
#ed332b functions best as a focused accent rather than a primary background color. Due to its intense saturation, it excels at highlighting call-to-action buttons, error states, or critical notifications that require immediate user attention and response.
What colors pair well with the intense red of #ed332b?
This bold red pairs exceptionally well with deep charcoal or dark gray tones to ground its energy. Using these darker neutrals creates a professional, high-contrast look that meets accessibility standards when displaying black or dark text against it.
Is #ed332b readable on white or black?
#ed332b has a 4.11:1 contrast ratio on white and 5.10: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.