#B7172E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold red demands immediate attention. #b7172e is an intense shade that works best as a primary call-to-action button or a small accent to break up neutral layouts. Because it maintains a strong 6.6:1 contrast ratio against white text, it remains legible even at smaller font sizes. Designers should use this hex code sparingly, as its intensity can quickly overwhelm a complete interface.
Questions about #b7172e
What is #b7172e in RGB, HSL and CMYK?
In RGB, #b7172e is rgb(183, 23, 46), in HSL hsl(351, 78%, 40%) and in CMYK 0%, 87%, 75%, 28%.
Where should I use #b7172e in a layout?
#b7172e works best as a surgical accent for primary call-to-action buttons or essential warning indicators. Because this red is incredibly dominant, applying it to large backgrounds will quickly overwhelm the viewer, whereas using it sparingly maintains visual impact.
What colors pair well with #b7172e?
Is #b7172e readable on white or black?
#b7172e has a 6.61:1 contrast ratio on white and 3.17: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.