#B42225 Color

#B42225 is rgb(180, 34, 37) in RGB and hsl(359, 68%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B42225

HEX#B42225

RGBrgb(180, 34, 37)

HSLhsl(359, 68%, 42%)

HSVhsv(359, 81%, 71%)

OKLCHoklch(50.1% 0.181 26)

CMYKcmyk(0%, 81%, 79%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B42225 Complementary#22B4B2 Analogous#B4226E Analogous#B46922 Triadic#25B422 Triadic#2225B4

Tints & Shades

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

Tints

#D6292C #DD4B4D #E36D6F #EA9091 #F0B2B3 #F7D4D5

Shades

#9F1E20 #85191B #6F1517 #561011 #400C0D #270708

Use #B42225 in Our Tools

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