#B2101F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated red demands immediate attention. Because #b2101f packs such high intensity, it functions best as a focused accent rather than a full page background. It pairs exceptionally well with charcoal or soft grays to ground its urgency. When applying text, white provides the clearest legibility. Use this hex code for call-to-action buttons or highlights where you need to signal power or warning.
Questions about #b2101f
What is #b2101f in RGB, HSL and CMYK?
In RGB, #b2101f is rgb(178, 16, 31), in HSL hsl(354, 84%, 38%) and in CMYK 0%, 91%, 83%, 30%.
How should I use #b2101f in web design?
#b2101f works best as a focused accent color rather than a primary background to avoid overwhelming the user. Use it for call-to-action buttons, error states, or vital highlights that require immediate visual attention while keeping text white for legibility.
What colors pair well with #b2101f?
This vibrant red balances perfectly against neutral tones like charcoal or soft grays, which ground its intensity without clashing. Avoid pairing it with other high-saturation colors to prevent visual fatigue, as it needs plenty of negative space to stand out.
Is #b2101f readable on white or black?
#b2101f has a 7.03:1 contrast ratio on white and 2.98: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 is too faint for text. Try other pairs in the contrast checker.