#31842E Color

#31842E is rgb(49, 132, 46) in RGB and hsl(118, 48%, 35%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#31842E

HEX#31842E

RGBrgb(49, 132, 46)

HSLhsl(118, 48%, 35%)

HSVhsv(118, 65%, 52%)

OKLCHoklch(54.4% 0.146 142.7)

CMYKcmyk(63%, 0%, 65%, 48%)

Text Contrast & Accessibility

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

TextWhite text4.7:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.47:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#31842E Complementary#812E84 Analogous#5C842E Analogous#2E8456 Triadic#2E3184 Triadic#842E31

Tints & Shades

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

Tints

#3EA63A #51C14E #73CD70 #94D992 #B5E4B4 #D6F0D5

Shades

#2C7529 #256222 #1F531D #184017 #123111 #0B1E0B

Use #31842E in Our Tools

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