#B22000 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red creates immediate urgency in any interface. While powerful, #b22000 works best as a focused accent rather than a full-page background, where it can quickly feel heavy. Because it offers high contrast against white text, it maintains strong legibility for call-to-action buttons. Use this hex code sparingly to guide the user’s eye to critical elements without overwhelming the composition.
Questions about #b22000
What is #b22000 in RGB, HSL and CMYK?
In RGB, #b22000 is rgb(178, 32, 0), in HSL hsl(11, 100%, 35%) and in CMYK 0%, 82%, 100%, 30%.
How should I use #b22000 in interface design?
#b22000 is best reserved for small, critical elements like error states or primary action buttons where high contrast is necessary. Avoid using it as a large background color, as its intense saturation can quickly overpower the layout and create visual fatigue for users.
What colors pair well with the intense #b22000?
Pair #b22000 with neutral tones like a clean off-white or a deep slate gray to maintain readability and balance. For a bold look, it also complements cool-toned teals, but ensure the ratio is carefully managed to avoid color vibration on screen.
Is #b22000 readable on white or black?
#b22000 has a 6.77:1 contrast ratio on white and 3.09: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.