#BB1007 Color

#BB1007 is rgb(187, 16, 7) in RGB and hsl(3, 93%, 38%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BB1007

HEX#BB1007

RGBrgb(187, 16, 7)

HSLhsl(3, 93%, 38%)

HSVhsv(3, 96%, 73%)

OKLCHoklch(50.2% 0.199 29.5)

CMYKcmyk(0%, 91%, 96%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB1007 Complementary#07B2BB Analogous#BB0758 Analogous#BB6A07 Triadic#07BB10 Triadic#1007BB

Tints & Shades

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

Tints

#E71408 #F72C22 #F9564E #FA7C75 #FCA6A1 #FDCBC9

Shades

#A20E06 #8A0C05 #710A04 #5E0803 #450602 #2C0402

Use #BB1007 in Our Tools

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