#972B2E Color

#972B2E is rgb(151, 43, 46) in RGB and hsl(358, 56%, 38%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#972B2E

HEX#972B2E

RGBrgb(151, 43, 46)

HSLhsl(358, 56%, 38%)

HSVhsv(358, 72%, 59%)

OKLCHoklch(45.7% 0.143 23.4)

CMYKcmyk(0%, 72%, 70%, 41%)

Text Contrast & Accessibility

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

TextWhite text7.78:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.7:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#972B2E Complementary#2B9794 Analogous#972B65 Analogous#975D2B Triadic#2E972B Triadic#2B2E97

Tints & Shades

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

Tints

#BB3539 #CD4C50 #D77073 #E09092 #EAB3B5 #F3D3D4

Shades

#832528 #6F1F22 #5B1A1C #4C1517 #381011 #240A0B

Use #972B2E in Our Tools

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