#372525 Color

#372525 is rgb(55, 37, 37) in RGB and hsl(0, 20%, 18%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#372525

HEX#372525

RGBrgb(55, 37, 37)

HSLhsl(0, 20%, 18%)

HSVhsv(0, 33%, 22%)

OKLCHoklch(28.6% 0.028 18.9)

CMYKcmyk(0%, 33%, 33%, 78%)

Text Contrast & Accessibility

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

TextWhite text14.45:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#372525 Complementary#253737 Analogous#37252E Analogous#372E25 Triadic#253725 Triadic#252537

Tints & Shades

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

Tints

#593B3B #7D5454 #9D6C6C #B69191 #CCB3B3 #E4D7D7

Shades

#312121 #2B1D1D #251818 #1F1414 #181010 #120C0C

Use #372525 in Our Tools

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