#408226 Color

#408226 is rgb(64, 130, 38) in RGB and hsl(103, 55%, 33%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#408226

HEX#408226

RGBrgb(64, 130, 38)

HSLhsl(103, 55%, 33%)

HSVhsv(103, 71%, 51%)

OKLCHoklch(54.3% 0.142 138.3)

CMYKcmyk(51%, 0%, 71%, 49%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#408226 Complementary#682682 Analogous#6E8226 Analogous#26823A Triadic#264082 Triadic#822640

Tints & Shades

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

Tints

#52A630 #67C841 #84D265 #A0DD88 #BDE7AC #DCF2D4

Shades

#387321 #31631D #295318 #1F3F12 #172F0E #102009

Use #408226 in Our Tools

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