#D11D23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation red commands attention immediately. Because it sits at such an intense level of brightness, #d11d23 functions best as an accent color for calls to action or alert notifications rather than a primary background. It pairs effectively with cool, dark grays to ground its visual heat. When you need a bold, urgent signal, the hex code #d11d23 provides high readability against white text.
Questions about #d11d23
What is #d11d23 in RGB, HSL and CMYK?
In RGB, #d11d23 is rgb(209, 29, 35), in HSL hsl(358, 76%, 47%) and in CMYK 0%, 86%, 83%, 18%.
Where should I use #d11d23 in my UI design?
#d11d23 functions best as a high-impact accent color for elements that require immediate user attention, such as error alerts, validation warnings, or primary call-to-action buttons. Avoid using it for large background surfaces as its high intensity can quickly cause visual fatigue.
What colors pair effectively with #d11d23?
To ground the visual heat of #d11d23, pair it with cool, dark neutrals like charcoal or deep slate grays. These darker, muted tones provide necessary contrast that keeps the red from vibrating against the background, ensuring your interface remains readable.
Is #d11d23 readable on white or black?
#d11d23 has a 5.36:1 contrast ratio on white and 3.91:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.