#B7161B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands attention with high energy and intensity. Because #b7161b is so vivid, it works best as a 10% accent rather than a full background. Pair it with charcoal grays or deep navies to ground its inherent heat. White text remains readable against this hex code, but reserve it for call-to-action buttons or small, striking design details where urgency is the goal.
Questions about #b7161b
What is #b7161b in RGB, HSL and CMYK?
In RGB, #b7161b is rgb(183, 22, 27), in HSL hsl(358, 79%, 40%) and in CMYK 0%, 88%, 85%, 28%.
How can I effectively use #b7161b in UI design?
#b7161b is best utilized as a 10% accent color rather than a primary background to avoid overwhelming users. Use it sparingly for call-to-action buttons or highlights where you need to create immediate visual urgency and focus.
What colors pair well with #b7161b?
Is #b7161b readable on white or black?
#b7161b has a 6.67:1 contrast ratio on white and 3.14: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.