Dense Evergreen Woods
Category: Green
Forest Green (#228B22) — Color Codes, Meaning & UI Palettes
Forest Green captures the dense canopy of ancient pine and oak woodlands. It is universally associated with wilderness conservation, natural abundance, and ecological health.
Click to Copy HEX
Forest Green
#228B22
HEX
#228B22
RGB
rgb(34, 139, 34)
HSL
hsl(120deg, 61%, 34%)
CMYK (Print)
cmyk(76%, 0%, 76%, 45%)
Apple Display P3
color(display-p3 0.133 0.545 0.133)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.39:1 (AA Large)
Black Text (#000000)
4.78:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F2F8F2
100
#DCECDC
200
#B8DAB8
300
#8CC38C
400
#57A757
500
#228B22
600
#1B6F1B
700
#145314
800
#0E380E
900
#071F07
950
#041104
Color Harmonies & Palette Schemes
Complementary
#8C228C
Opposite 180° Contrast
Analogous -30°
#578C22
Natural Harmony
Analogous +30°
#228C57
Natural Harmony
Triadic +120°
#22228C
120° Balanced Triad
Triadic +240°
#8C2222
120° Balanced Triad
Curated UI Design Pairings for Forest Green
Exceptional for outdoor apparel shops, sustainable ESG reporting, and organic food marketplaces. Pair with warm off-white and bronze.
Warm Linen
#FAF8F5
Clean Natural Canvas
Sunlit Terracotta
#DDA15E
Earthy Accent
Dark Basalt
#1C1917
Legible Headings
Frosted Mint
#D8F3DC
Soft Badge Surface
Export Forest Green Code Snippets
CSS Variable
--color-forest-green: #228B22;
Tailwind Config
'forest-green': '#228B22'
Swift / SwiftUI
Color(hex: "#228B22")
JSON Design Token
{"name": "Forest Green", "hex": "#228B22"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.