#D41103 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold red, defined by the hex code #d41103, commands immediate attention with high saturation. Its intensity makes it perfect for UI accents, call-to-action buttons, or urgent messaging rather than full-page backgrounds. Use it sparingly to maintain impact. White text offers excellent 5.4:1 contrast against this shade, making it a reliable choice for readable, punchy, and highly visible interface elements.
Questions about #d41103
What is #d41103 in RGB, HSL and CMYK?
In RGB, #d41103 is rgb(212, 17, 3), in HSL hsl(4, 97%, 42%) and in CMYK 0%, 92%, 99%, 17%.
Where should I use #d41103 in my design?
#d41103 works best as a targeted accent color for elements requiring immediate user attention, such as error states, call-to-action buttons, or critical notification badges. Because it is highly saturated, avoid using it as a background color for large text blocks to prevent eye strain.
What colors pair well with #d41103?
Pair #d41103 with a neutral charcoal or dark gray for readable typography, as these provide the necessary grounding to balance the intense vibrancy of the red. For active palettes, cool, desaturated teals create a strong complementary contrast that makes the red pop without feeling chaotic.
Is #d41103 readable on white or black?
#d41103 has a 5.41:1 contrast ratio on white and 3.88: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.