#BB1B25 Color

#BB1B25 is rgb(187, 27, 37) in RGB and hsl(356, 75%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BB1B25

HEX#BB1B25

RGBrgb(187, 27, 37)

HSLhsl(356, 75%, 42%)

HSVhsv(356, 86%, 73%)

OKLCHoklch(50.9% 0.192 25.2)

CMYKcmyk(0%, 86%, 80%, 27%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BB1B25 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.37:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.3:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #BB1B25 based on color wheel relationships. Click any swatch for its full breakdown.

Base#BB1B25 Complementary#1BBBB1 Analogous#BB1B76 Analogous#BB601B Triadic#25BB1B Triadic#1B25BB

Tints & Shades

Lighter tints and darker shades of #BB1B25, useful for hover states, backgrounds, and text variants.

Tints

#DF202D #E4444E #E96770 #EE8B92 #F4AFB3 #F9D2D5

Shades

#A51821 #8A141C #741117 #590D12 #430A0D #280608

Use #BB1B25 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex