#B2111F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep red carries significant intensity and commands immediate attention. Because #b2111f is quite dark and aggressive, it works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with crisp white text for excellent legibility. The hex code for this powerful, fiery shade is #b2111f.
Questions about #b2111f
What is #b2111f in RGB, HSL and CMYK?
In RGB, #b2111f is rgb(178, 17, 31), in HSL hsl(355, 83%, 38%) and in CMYK 0%, 90%, 83%, 30%.
How should I use #b2111f in a UI design?
#b2111f is best reserved for call-to-action buttons, error states, or specific highlights where you need to draw the eye immediately. Because this deep red is so visually heavy, avoid using it as a primary background color to maintain readability.
What colors pair well with #b2111f?
This shade pairs exceptionally well with crisp white for maximum contrast and legibility, or with neutral charcoal for a sophisticated, grounded look. Avoid pairing it with other highly saturated colors to prevent visual vibration and keep your design clean.
Is #b2111f readable on white or black?
#b2111f has a 7.01:1 contrast ratio on white and 2.99: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.