#B22121 Hex Color

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

Hex color #b22121 graphic
#b22121 is a saturated, authoritative red with strong undertones of warmth. Because of its intensity, it works best as a 10% accent color for calls to action rather than a dominant background. White text sits comfortably on this shade, making it a reliable choice for high-contrast alerts or warning indicators. The hex code for this powerful, attention-grabbing red is #b22121.

Questions about #b22121

What is #b22121 in RGB, HSL and CMYK?
In RGB, #b22121 is rgb(178, 33, 33), in HSL hsl(0, 69%, 41%) and in CMYK 0%, 81%, 81%, 30%.
How should I use #b22121 in UI design?
#b22121 serves best as a purposeful accent color rather than a dominant background element. Because of its intensity, limit its usage to roughly 10% of your layout for call-to-action buttons or critical system alerts where high visibility is mandatory.
What colors pair well with #b22121?
Pair #b22121 with neutral tones like a clean white or a very light gray to maintain readability for text. For a more sophisticated palette, it balances effectively against deep navy or cool, muted charcoal accents.
Is #b22121 readable on white or black?
#b22121 has a 6.70:1 contrast ratio on white and 3.13: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.