#371632 Color

#371632 is rgb(55, 22, 50) in RGB and hsl(309, 43%, 15%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#371632

HEX#371632

RGBrgb(55, 22, 50)

HSLhsl(309, 43%, 15%)

HSVhsv(309, 60%, 22%)

OKLCHoklch(26.1% 0.068 333.4)

CMYKcmyk(0%, 60%, 9%, 78%)

Text Contrast & Accessibility

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

TextWhite text15.87:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.32:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#371632 Complementary#16371B Analogous#2B1637 Analogous#371621 Triadic#323716 Triadic#163237

Tints & Shades

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

Tints

#62275A #8E3981 #B84CA8 #C874BB #D9A0D1 #EBCCE6

Shades

#2F132B #2C1128 #240F21 #210D1E #1A0A17 #160914

Use #371632 in Our Tools

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