#228B22
Green family

Forest Green

Also known as: earthy · vibrant · restorative · natural · serene
Save
Hex #228B22
RGB rgb(34, 139, 34)
HSL hsl(120°, 61%, 34%)
CMYK 76 · 0 · 76 · 45
CSS forestgreen
RAL RAL 6001 · Emerald Green

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western contexts, Forest Green symbolizes growth, renewal, and the natural world, often linked to environmental movements. Conversely, in various Eastern cultures, it can represent fertility and prosperity, reflecting the abundance found in nature.

The term 'Forest Green' emerged in the 19th century, gaining popularity as a color name in the British Army uniform in 1884, symbolizing the connection to nature. Its rich, earthy tone was inspired by the deep greens found in untouched forests, making it a symbol of wilderness.

earthyvibrantrestorativenaturalserene

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Forest Green. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 40 Greens →

Shades & tints

Nine steps of Forest Green by lightness — from #124812 (darkest) to #8CC38C (lightest). Click any to copy.

-40% #124812
-30% #165916
-20% #1A6A1A
-10% #1E7A1E
BASE #228B22
+15% #3D993D
+30% #57A757
+50% #72B572
+70% #8CC38C

Complementary

Sitting opposite Forest Green at 300° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Forest Green.

#228B22
#FFD700
#F5F5DC
#8B4513
#ADFF2F

Woodland Escape

Lush Serenity
#228B22
#2F4F4F
#C0C0C0
#FF4500
#00FA9A

Evergreen Calm

Tranquil Balance
#228B22
#FFFFFF
#8B0000
#6B8E23
#4682B4

Nature's Embrace

Fresh Harmony

Forest Green scale

A 50–900 tonal scale with Forest Green anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EDF6ED
100 #D7EAD7
200 #ABD3AB
300 #7FBC7F
400 #50A350
500 #228B22
600 #1C721C
700 #165C16
800 #114611
900 #0C2F0C

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 4.78:1
Forest Green as text on… Ratio AA AAA
Aa White background 4.39:1 Large only Fail
Aa Black background 4.78:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #228B22

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: forestgreen;
CSS color-mix (lighten 30%) color-mix(in srgb, forestgreen 70%, white)
HSV / HSB 120°, 76%, 55%
CMYK (print) 76, 0, 76, 45
Decimal 2263842
Nearest web-safe #339933

Color vision

How Forest Green appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#228B22

Protanopia (no red)

#4F503B

Deuteranopia (no green)

#494242

Tritanopia (no blue)

#274F54
Emerald
3 / 40 Greens Sage
Copied!