#B22B33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b22b33 is a high-intensity red that commands immediate attention without feeling neon. Because of its weight and saturation, it works best as a 10 percent accent rather than a full page background. Pair it with dark charcoals to soften the visual impact or with white text to maintain a strong 6.4:1 contrast ratio. Use this hex code sparingly to drive clicks or highlight critical UI warnings.
Questions about #b22b33
What is #b22b33 in RGB, HSL and CMYK?
In RGB, #b22b33 is rgb(178, 43, 51), in HSL hsl(356, 61%, 43%) and in CMYK 0%, 76%, 71%, 30%.
How should #b22b33 be used in web UI design?
#b22b33 serves best as a purposeful accent color for call-to-action buttons or critical alerts. Due to its intense saturation, limit its usage to small areas like icon highlights or notifications to avoid overwhelming the user interface.
What colors pair well with #b22b33 for balanced designs?
To ground the intensity of #b22b33, pair it with deep, neutral charcoal or soft off-white tones. These combinations allow the red to stand out as a focal point while maintaining visual comfort and meeting necessary WCAG accessibility standards.
Is #b22b33 readable on white or black?
#b22b33 has a 6.39:1 contrast ratio on white and 3.28: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.