#B42731 Color

#B42731 is rgb(180, 39, 49) in RGB and hsl(356, 64%, 43%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B42731

HEX#B42731

RGBrgb(180, 39, 49)

HSLhsl(356, 64%, 43%)

HSVhsv(356, 78%, 71%)

OKLCHoklch(50.6% 0.176 22.9)

CMYKcmyk(0%, 78%, 73%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B42731 Complementary#27B4AA Analogous#B42777 Analogous#B46427 Triadic#31B427 Triadic#2731B4

Tints & Shades

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

Tints

#D2323D #D9545C #E1757C #E79298 #EEB4B8 #F6D5D7

Shades

#9B222A #861D24 #6D181E #581318 #3F0E11 #2A090B

Use #B42731 in Our Tools

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