#204135 Color

#204135 is rgb(32, 65, 53) in RGB and hsl(158, 34%, 19%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#204135

HEX#204135

RGBrgb(32, 65, 53)

HSLhsl(158, 34%, 19%)

HSVhsv(158, 51%, 25%)

OKLCHoklch(34.6% 0.045 168.1)

CMYKcmyk(51%, 0%, 18%, 75%)

Text Contrast & Accessibility

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

TextWhite text11.24:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#204135 Complementary#41202C Analogous#204124 Analogous#203D41 Triadic#352041 Triadic#413520

Tints & Shades

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

Tints

#326753 #479075 #5EB092 #84C2AC #AAD5C5 #D3E9E1

Shades

#1D3A2F #19332A #162C24 #11221C #0D1B16 #0A1511

Use #204135 in Our Tools

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