#317222 Color

#317222 is rgb(49, 114, 34) in RGB and hsl(109, 54%, 29%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#317222

HEX#317222

RGBrgb(49, 114, 34)

HSLhsl(109, 54%, 29%)

HSVhsv(109, 70%, 45%)

OKLCHoklch(49.2% 0.132 140.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#317222 Complementary#632272 Analogous#597222 Analogous#22723B Triadic#223172 Triadic#722231

Tints & Shades

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

Tints

#41992E #52C039 #73CF5E #91D981 #B4E5A9 #D6F1D0

Shades

#2A621D #25561A #1E4715 #193B12 #122B0D #0D1F09

Use #317222 in Our Tools

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