#316D37 Color

#316D37 is rgb(49, 109, 55) in RGB and hsl(126, 38%, 31%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#316D37

HEX#316D37

RGBrgb(49, 109, 55)

HSLhsl(126, 38%, 31%)

HSVhsv(126, 55%, 43%)

OKLCHoklch(48.1% 0.105 145.7)

CMYKcmyk(55%, 0%, 50%, 57%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#316D37 Complementary#6D3167 Analogous#496D31 Analogous#316D55 Triadic#37316D Triadic#6D3731

Tints & Shades

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

Tints

#419049 #4FB059 #72C07A #92CE98 #B5DEB9 #D5ECD7

Shades

#2B5F30 #245129 #1E4322 #19381C #132A15 #0D1C0E

Use #316D37 in Our Tools

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