#D21404 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d21404 graphic
#d21404 is an aggressive, high-chroma red that commands immediate attention. Because of its intensity, it functions best as a tactical 10% accent rather than a primary background color. It pairs surprisingly well with charcoal grays or deep navies to ground its inherent heat. The hex code #d21404 is accessible with white text, offering enough contrast for readability in UI calls to action.

Questions about #d21404

What is #d21404 in RGB, HSL and CMYK?
In RGB, #d21404 is rgb(210, 20, 4), in HSL hsl(5, 96%, 42%) and in CMYK 0%, 90%, 98%, 18%.
How should I use #d21404 in UI design?
Apply #d21404 sparingly as a 10% tactical accent rather than a primary background color. It is highly effective for critical calls to action because the intensity creates instant visual hierarchy, especially when paired with clean white text for optimal readability.
What colors pair well with #d21404?
This aggressive red is best grounded by neutral, cooling tones to balance its heat. Pairing it with charcoal or deep navy provides the necessary contrast to keep the design professional while letting the red stand out as an intentional highlight.
Is #d21404 readable on white or black?
#d21404 has a 5.46:1 contrast ratio on white and 3.84: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.