#BB0202 Color

#BB0202 is rgb(187, 2, 2) in RGB and hsl(0, 98%, 37%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BB0202

HEX#BB0202

RGBrgb(187, 2, 2)

HSLhsl(0, 98%, 37%)

HSVhsv(0, 99%, 73%)

OKLCHoklch(49.8% 0.203 29.1)

CMYKcmyk(0%, 99%, 99%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB0202 Complementary#02BBBB Analogous#BB025E Analogous#BB5E02 Triadic#02BB02 Triadic#0202BB

Tints & Shades

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

Tints

#E80202 #FD1717 #FD4444 #FE7272 #FE9F9F #FEC7C7

Shades

#A20202 #8D0101 #740101 #5B0101 #420101 #2D0000

Use #BB0202 in Our Tools

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