#396F3E Color

#396F3E is rgb(57, 111, 62) in RGB and hsl(126, 32%, 33%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#396F3E

HEX#396F3E

RGBrgb(57, 111, 62)

HSLhsl(126, 32%, 33%)

HSVhsv(126, 49%, 44%)

OKLCHoklch(49.1% 0.096 145.9)

CMYKcmyk(49%, 0%, 44%, 56%)

Text Contrast & Accessibility

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

TextWhite text5.97:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.52:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#396F3E Complementary#6F396A Analogous#4F6F39 Analogous#396F5A Triadic#3F396F Triadic#6F3F39

Tints & Shades

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

Tints

#498D50 #5DAC65 #7CBB82 #9ACB9F #B8DBBC #DAECDC

Shades

#326237 #2B542F #244728 #1C361E #152817 #0E1B0F

Use #396F3E in Our Tools

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