#B42222 Hex Color
An intense, saturated red that demands attention
This intense, saturated red commands immediate attention. Because it is highly pigmented, #b42222 works best as a punchy accent rather than a background color. It pairs surprisingly well with dark, desaturated teals to create high-contrast UI elements or bold calls to action. White text remains legible against this hex code, making it an effective choice for warning labels or high-urgency notifications.
Questions about #b42222
What is #b42222 in RGB, HSL and CMYK?
In RGB, #b42222 is rgb(180, 34, 34), in HSL hsl(0, 68%, 42%) and in CMYK 0%, 81%, 81%, 29%.
Why is #b42222 effective for UI design?
#b42222 serves as a highly visible accent color that commands immediate attention, making it perfect for critical call-to-action buttons or urgent error states. Its high saturation ensures visibility, though you should limit its use to avoid creating visual fatigue for the user.
What colors pair well with #b42222?
This intense red creates a sophisticated, modern contrast when paired with deep, desaturated teals or charcoal grays. Using these grounded tones helps neutralize the aggressiveness of #b42222, allowing it to stand out without overwhelming the overall balance of your design.
Is #b42222 readable on white or black?
#b42222 has a 6.57:1 contrast ratio on white and 3.19: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.