#218331 Color

#218331 is rgb(33, 131, 49) in RGB and hsl(130, 60%, 32%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#218331

HEX#218331

RGBrgb(33, 131, 49)

HSLhsl(130, 60%, 32%)

HSVhsv(130, 75%, 51%)

OKLCHoklch(53.6% 0.148 145.6)

CMYKcmyk(75%, 0%, 63%, 49%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#218331 Complementary#832172 Analogous#418321 Analogous#218362 Triadic#312183 Triadic#833121

Tints & Shades

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

Tints

#2AA73F #37CD50 #5CD670 #85E094 #A9EAB4 #D2F4D8

Shades

#1D722B #186225 #14521F #104118 #0C3112 #08210C

Use #218331 in Our Tools

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