#B21A17 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b21a17 is a saturated, authoritative red that carries serious weight. Because it lacks the brightness of a fire-engine red, it feels grounded and intense rather than playful. Use this shade sparingly as a high-impact accent color for calls to action or alert indicators. It pairs cleanly with white text for accessibility and provides a sharp contrast against charcoal gray backgrounds.
Questions about #b21a17
What is #b21a17 in RGB, HSL and CMYK?
In RGB, #b21a17 is rgb(178, 26, 23), in HSL hsl(1, 77%, 39%) and in CMYK 0%, 85%, 87%, 30%.
How can #b21a17 be used effectively in UI design?
#b21a17 functions best as a high-impact accent color for call-to-action buttons or critical system alerts. Because it is deep and grounded rather than bright, use it sparingly to guide user attention toward the most important interactive elements on your page.
Which background colors work best with #b21a17?
This saturated red creates the strongest visual impact when paired against neutral, dark backgrounds like charcoal or deep slate. It also maintains excellent readability when used as text against clean white surfaces, providing a sharp and professional aesthetic.
Is #b21a17 readable on white or black?
#b21a17 has a 6.87:1 contrast ratio on white and 3.05: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.