Forest Green

HEX: #228B22 | Modern Palette

On White
4.39:1
FAIL
On Black
4.78:1
PASS

Color Specifications

HEX
#228B22
RGB
34, 139, 34
HSL
120°, 75% ,54%
CMYK
75.54, 0, 75.54, 45.49

About Forest Green

Forest Green (#228B22) is a color with RGB(34, 139, 34) and HSL(120°, 75.54%, 54.51%). In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #8B228B, which creates strong contrast. Its triadic palette includes #22228B and #8B2222. The name comes from Forest Green (English).

  • HEX: #228B22
  • RGB: 34, 139, 34
  • HSL: 120°, 75.54%, 54.51%
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #8B228B
  • Triadic colors: #22228B, #8B2222
  • The name comes from Forest Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Forest Green #228B22 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
FOREST GREEN
LIME GREEN
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
FOREST GREEN
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
LIME GREEN
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Forest Green #228B22 pairs with #8B228B as its complementary color, and #22228B and #8B2222 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

FOREST GREEN
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

FOREST GREEN
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

FOREST GREEN
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

FOREST GREEN
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

FOREST GREEN
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

FOREST GREEN

Shades & Tints

The shade and tint range for Forest Green #228B22 moves from dark #051405 tones through the base color to lighter #EBFAEB tones, making it useful for depth, hierarchy, and background variation.

FOREST GREEN

Color Characteristics

Mood
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #787828
Protanopia #848421
Tritanopia #3E8383
Achromatopsia #787878

Frequently Asked Questions

Forest Green (#228B22) is a color with RGB(34, 139, 34) and HSL(120°, 75.54%, 54.51%).

#228B22 pairs strongly with #8B228B as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#228B22 is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

The name Forest Green is linked to Forest Green from English, meaning A color resembling the deep green of a forest..

Name, History & Etymology

Origin Word Forest Green
Meaning A color resembling the deep green of a forest.
Language English
First Recorded Use Late 19th Century

History

The concept of 'forest green' as a distinct shade of green is rooted in human observation of nature. Forests, especially temperate and boreal ones, are characterized by a rich, deep green hue from the chlorophyll in their trees and plants. As color naming became more sophisticated, particularly in art, fashion, and manufacturing, specific shades were given evocative names. 'Forest Green' emerged as a popular descriptor for a dark, natural green, distinct from lighter 'lime green' or bluer 'teal'. Its use has been consistent in various fields, including military uniforms (camouflage), fashion, interior design, and sports team colors.

First Recorded Use

The term 'Forest Green' as a specific color name gained popularity in the late 19th century, particularly with the advent of standardized color charts and commercial dyes. While green has always been associated with forests, the specific compound name for a color shade became more common then.

Cultural Associations

Forest Green often symbolizes nature, growth, renewal, and tranquility. It is frequently associated with environmentalism and sustainability movements. In some cultures, green can also represent luck, fertility, or wealth. It's a common color for outdoor brands, national parks, and organizations focused on conservation. In fashion, it's considered a classic, versatile color that can be both sophisticated and earthy. It's also a popular color for Christmas decorations, representing evergreen trees.

Similar Named Colors
India Green #138808 ΔE 2.23
Islamic Green #009000 ΔE 3.03
North Texas Green #059033 ΔE 3.05
Office Green #008000 ΔE 4.57

Code Snippets

/* Background */
.element {
    background-color: #228B22;
}

/* Text */
.element {
    color: #228B22;
}

/* Border */
.element {
    border: 1px solid #228B22;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #228B22,
        #E333E3
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #228B22,
        #E333E3
    );
}

// SCSS variable
$forest-green: #228B22;

// With RGB channels (useful for rgba() usage)
$forest-green-r: 34;
$forest-green-g: 139;
$forest-green-b: 34;

// Usage
.element {
    background-color: $forest-green;
    color: rgba($forest-green-r, $forest-green-g, $forest-green-b, 0.8);
}