#B42A1D Color

#B42A1D is rgb(180, 42, 29) in RGB and hsl(5, 72%, 41%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#B42A1D

HEX#B42A1D

RGBrgb(180, 42, 29)

HSLhsl(5, 72%, 41%)

HSVhsv(5, 84%, 71%)

OKLCHoklch(50.6% 0.176 29.8)

CMYKcmyk(0%, 77%, 84%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B42A1D Complementary#1DA7B4 Analogous#B41D5C Analogous#B4751D Triadic#1DB42A Triadic#2A1DB4

Tints & Shades

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

Tints

#D73223 #E05042 #E67065 #EC958D #F2B6B0 #F8D6D3

Shades

#9E251A #841F15 #6E1A12 #58140E #420F0B #270906

Use #B42A1D in Our Tools

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