#BB0A07 Color

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

#BB0A07

HEX#BB0A07

RGBrgb(187, 10, 7)

HSLhsl(1, 93%, 38%)

HSVhsv(1, 96%, 73%)

OKLCHoklch(50% 0.201 29.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB0A07 Complementary#07B8BB Analogous#BB075E Analogous#BB6407 Triadic#07BB0A Triadic#0A07BB

Tints & Shades

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

Tints

#E70C08 #F72522 #F9514E #FA7775 #FCA3A1 #FDCAC9

Shades

#A20806 #8A0705 #710604 #5E0503 #450402 #2C0202

Use #BB0A07 in Our Tools

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