#BB253C Color

#BB253C is rgb(187, 37, 60) in RGB and hsl(351, 67%, 44%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#BB253C

HEX#BB253C

RGBrgb(187, 37, 60)

HSLhsl(351, 67%, 44%)

HSVhsv(351, 80%, 73%)

OKLCHoklch(51.9% 0.184 18.9)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB253C Complementary#25BBA5 Analogous#BB2587 Analogous#BB5A25 Triadic#3CBB25 Triadic#253CBB

Tints & Shades

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

Tints

#D7334B #DC5065 #E37283 #EA95A1 #F1B7BF #F7D4DA

Shades

#A22033 #8D1C2D #731725 #59121C #400D14 #2B080E

Use #BB253C in Our Tools

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