#B51222 Color

#B51222 is rgb(181, 18, 34) in RGB and hsl(354, 82%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B51222

HEX#B51222

RGBrgb(181, 18, 34)

HSLhsl(354, 82%, 39%)

HSVhsv(354, 90%, 71%)

OKLCHoklch(49.3% 0.191 24.7)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B51222 Complementary#12B5A5 Analogous#B51274 Analogous#B55312 Triadic#22B512 Triadic#1222B5

Tints & Shades

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

Tints

#DA1629 #EB3345 #EE5867 #F3828D #F6A7AF #FAD1D5

Shades

#9E101E #870D19 #6F0B15 #580911 #41060C #2A0408

Use #B51222 in Our Tools

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