#396B19 Color

#396B19 is rgb(57, 107, 25) in RGB and hsl(97, 62%, 26%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#396B19

HEX#396B19

RGBrgb(57, 107, 25)

HSLhsl(97, 62%, 26%)

HSVhsv(97, 77%, 42%)

OKLCHoklch(47.5% 0.124 135.9)

CMYKcmyk(47%, 0%, 77%, 58%)

Text Contrast & Accessibility

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

TextWhite text6.38:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#396B19 Complementary#4C196B Analogous#626B19 Analogous#196B23 Triadic#19396B Triadic#6B1939

Tints & Shades

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

Tints

#4F9523 #67C22E #81D54D #9FDF77 #BCE9A0 #DCF3CD

Shades

#325F16 #2C5313 #254610 #1C360D #16290A #0F1D07

Use #396B19 in Our Tools

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