Skip to content

Forest Green #228b22

Green with roots.

RGB
34, 139, 34
HSL
120°, 61%, 34%
CMYK
76, 0, 76, 46
Luminance
0.1892

About Forest Green

Forest green, #228b22, is green darkened to canopy depth — the woodland register between emerald’s jewel and olive’s dust. It is nature’s serious green: national parks, rangers and racing heritage all wear it.

History

British Racing Green — forest’s most glamorous alias — dressed Bentleys and Jaguars from 1900s grand prix rules that assigned nations colors. Ranger uniforms, Christmas conifers and Ivy campus branding kept the deeper register institutional.

Psychology

Forest green reads established, protective and outdoorsy — growth with permanence. Where lime is energy and sage is calm, forest is trust: banks and universities use it as green’s navy.

In design

Forest is a text-capable brand green (#228b22 = 4.6:1; deeper #14532d well past AAA) and a premium dark surface under cream and gold. Pair with tan and leather (field gear), burgundy (heritage), blush (modern contrast).

In culture

Racing liveries, ranger hats, forest-green passports (a dozen nations), Christmas itself: the color of institutions that plan in decades.

Brands that own forest green

British Racing Green#004225Land Rover#005a2bRolex green#006039National Parks kin#2c5f2dBarbour kin#3f4a3c

Shades of forest green

GreenDark greenHunter greenRacing greenEmeraldPineMossSea green

Every format

HEX#228b22
RGBrgb(34, 139, 34)
HSLhsl(120, 61%, 34%)
CMYKcmyk(76%, 0%, 76%, 46%)
LABlab(50.6 -49.6 45.0)
LCHlch(50.6 67.0 137.8)
OKLCHoklch(0.558 0.169 142.9)

Copy-ready code

/* CSS */
color: #228b22;
background-color: #228b22;
/* Tailwind (arbitrary) */
class="text-[#228b22] bg-[#228b22]"
/* SCSS */
$brand: #228b22;
/* SwiftUI */
Color(red: 0.133, green: 0.545, blue: 0.133)
/* Android */
Color.parseColor("#228b22")

Accessibility — WCAG contrast

Aa
#228b22 on white: 4.39:1
AA ✗ fail · AA-large ✓ · AAA ✗
Aa
#228b22 on black: 4.78:1
AA ✓ pass · AA-large ✓ · AAA ✗
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red13.3%
Green54.5%
Blue13.3%

CMYK percentages

Cyan75.5%
Magenta0.0%
Yellow75.5%
Key (black)45.5%

Color previews

#228b22 text on a black background

contrast 4.78:1

Card sample

#228b22 text on a white background

contrast 4.39:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #228b22;
Background color
Panel with #228b22 background
background-color: #228b22;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #228b22;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(34, 139, 34, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(34, 139, 34, 0.45);
Border & gradient
Gradient panel
border: 3px solid #228b22;
background: linear-gradient(135deg, #228b22, #228B68);

Monochromatic scale

#0C310C#1A6B1A#28A428#42D142#7CDF7C#B5EDB5#DEF7DE

Palettes built from #228b22

UI palette
#DEF7DE
#84E184
#228b22
#208320
#822B82
Gradient stops
#51AC2A
#228b22
#1A6A32
Accent trio
#228b22
#56228B
#8B2256
Warm–cool bridge
#8B8B22
#568B22
#228b22
#228B56
#228B8B

Shades — darker

#1F7D1F#1B6F1B#186118#145314#114511#0E380E#0A2A0A#071C07#030E03

Tints — lighter

#29A629#2FC12F#41D141#5CD75C#78DE78#93E593#AEEBAE#C9F2C9#E4F8E4

Hue & tone neighbors

#458B22#338B22#228B33#228B45#2CB42C#186218#119C11#337A33

Color harmonies

Complement
#228b22
#8B228B
Split-complement
#228b22
#56228B
#8B2256
Analogous
#228b22
#568B22
#228B56
Triadic
#228b22
#22228B
#8B2222
Tetradic
#228b22
#22568B
#8B228B
#8B5622

Nearest named colors

forestgreen · ΔE 0.0green · ΔE 6.9olivedrab · ΔE 22.3seagreen · ΔE 26.9olive · ΔE 38.5

Forest Green, answered

What is the hex code for forest green?

CSS forestgreen is #228b22; hunter green runs #355e3b and British Racing Green #004225.

Forest vs hunter vs racing green?

Forest is the brightest of the three; hunter adds gray; racing green is the darkest, born from early grand prix national liveries.

Is forest green good for text?

Yes — #228b22 passes AA (4.6:1) and darker forest tones like #14532d exceed AAA, making it green’s best ink family.

Work with #228b22 in the Color Lab

Contrast Checker →Palette Generator →Palette Pro →Scale Generator →CSS Code Generator →Color Blind Simulator →Accessibility Checker →Color Distance →