#B21532 Color

#B21532 is rgb(178, 21, 50) in RGB and hsl(349, 79%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B21532

HEX#B21532

RGBrgb(178, 21, 50)

HSLhsl(349, 79%, 39%)

HSVhsv(349, 88%, 70%)

OKLCHoklch(49.1% 0.186 19.6)

CMYKcmyk(0%, 88%, 72%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B21532 Complementary#15B295 Analogous#B21580 Analogous#B24715 Triadic#32B215 Triadic#1532B2

Tints & Shades

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

Tints

#D7193C #E73657 #EC5B75 #F18498 #F5A8B6 #FAD1D9

Shades

#9B122B #841025 #6E0D1F #570A18 #400712 #29050B

Use #B21532 in Our Tools

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