#B22F11 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm red commands attention with high intensity. The hex code #b22f11 works best as a punchy 10% accent color rather than a large background, where its weight can become overwhelming. It pairs effectively with cool, desaturated teals or soft creams to balance its heat. Because it maintains strong contrast, white text remains legible, making it a functional choice for call-to-action buttons.
Questions about #b22f11
What is #b22f11 in RGB, HSL and CMYK?
In RGB, #b22f11 is rgb(178, 47, 17), in HSL hsl(11, 83%, 38%) and in CMYK 0%, 74%, 90%, 30%.
Where should I use the #b22f11 color in my design?
#b22f11 works best as a high-impact accent color for buttons, notification badges, or small UI elements where you need to draw immediate attention. Because of its intense heat, it can quickly overwhelm a layout if used as a primary background or dominant color.
What colors pair well with #b22f11?
Is #b22f11 readable on white or black?
#b22f11 has a 6.34:1 contrast ratio on white and 3.30: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.