#B22047 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense red demands attention and commands immediate action. Because #b22047 is so aggressive, it functions best as a high-impact accent color rather than a large background fill. It pairs surprisingly well with muted teals or soft grays to ground its high energy. With a contrast ratio of 6.6:1, white text remains highly legible against this bold hex code.
Questions about #b22047
What is #b22047 in RGB, HSL and CMYK?
In RGB, #b22047 is rgb(178, 32, 71), in HSL hsl(344, 70%, 41%) and in CMYK 0%, 82%, 60%, 30%.
How should #b22047 be used in interface design?
#b22047 works best as a punchy accent color because its high intensity can easily overwhelm large backgrounds. Use it to draw the eye to call-to-action buttons or small UI elements, ensuring white text remains readable against its bold, saturated surface.
What colors pair best with #b22047?
This red relies on cool tones to settle its natural aggression, so it pairs effectively with muted teal or charcoal to create visual balance. These neutral or complementary choices ground the color without fighting for attention.
Is #b22047 readable on white or black?
#b22047 has a 6.58: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.