#B52421 Color

#B52421 is rgb(181, 36, 33) in RGB and hsl(1, 69%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B52421

HEX#B52421

RGBrgb(181, 36, 33)

HSLhsl(1, 69%, 42%)

HSVhsv(1, 82%, 71%)

OKLCHoklch(50.4% 0.181 27.5)

CMYKcmyk(0%, 80%, 82%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B52421 Complementary#21B3B5 Analogous#B52169 Analogous#B56E21 Triadic#21B524 Triadic#2421B5

Tints & Shades

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

Tints

#D72A28 #DE4C4A #E46E6C #EA908F #F1B2B1 #F7D4D4

Shades

#9F1F1D #861A19 #701615 #561110 #410D0C #270807

Use #B52421 in Our Tools

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