#316916 Color

#316916 is rgb(49, 105, 22) in RGB and hsl(100, 65%, 25%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#316916

HEX#316916

RGBrgb(49, 105, 22)

HSLhsl(100, 65%, 25%)

HSVhsv(100, 79%, 41%)

OKLCHoklch(46.5% 0.128 137.7)

CMYKcmyk(53%, 0%, 79%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#316916 Complementary#4E1669 Analogous#5B6916 Analogous#166924 Triadic#163269 Triadic#691632

Tints & Shades

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

Tints

#46931F #5CC229 #76D846 #99E274 #B8EA9E #DAF4CD

Shades

#2C5D14 #265011 #20430E #1A370C #142A09 #0E1D06

Use #316916 in Our Tools

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