#ED3838 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-energy red demands attention through its saturated and blazing profile. Because #ed3838 is so visually loud, it performs best as a 10% accent color for calls to action or alert indicators rather than a large background. It pairs cleanly with charcoal grays for a modern aesthetic, and black text offers enough contrast to maintain readability for small UI elements.
Questions about #ed3838
What is #ed3838 in RGB, HSL and CMYK?
In RGB, #ed3838 is rgb(237, 56, 56), in HSL hsl(0, 83%, 57%) and in CMYK 0%, 76%, 76%, 7%.
How should I use #ed3838 in a user interface design?
Because #ed3838 is visually loud, it should be reserved for high-impact elements like call-to-action buttons or status alerts. Avoid using this red as a background color, as its intensity can easily overwhelm the content and cause eye fatigue for users.
Is #ed3838 readable on white or black?
#ed3838 has a 4.02:1 contrast ratio on white and 5.22: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.