#3E3428 Color

#3E3428 is rgb(62, 52, 40) in RGB and hsl(33, 22%, 20%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#3E3428

HEX#3E3428

RGBrgb(62, 52, 40)

HSLhsl(33, 22%, 20%)

HSVhsv(33, 35%, 24%)

OKLCHoklch(33.2% 0.025 71.9)

CMYKcmyk(0%, 16%, 35%, 76%)

Text Contrast & Accessibility

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

TextWhite text12.16:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#3E3428 Complementary#28323E Analogous#3E2928 Analogous#3D3E28 Triadic#283E34 Triadic#34283E

Tints & Shades

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

Tints

#60513E #836D54 #A28A6D #B9A892 #CFC3B4 #E5DFD7

Shades

#382F24 #2F271E #28221A #221D16 #1C1712 #13100C

Use #3E3428 in Our Tools

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