Forest Green in OKLCH

Forest Green is the deep, natural CSS named color #228B22. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(55.8% 0.169 142.9)

HEX#228B22

RGBrgb(34 139 34)

sRGB: in gamutDisplay-P3: in gamut

#228B22

oklch(55.8% 0.169 142.9)

Lightness55.8%

Chroma0.169

Hue142.9°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(55.8% 0.169 142.9)

HEX

#228B22

RGB

rgb(34 139 34)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 4.39:1

AA ✗AAA ✗

APCA Lc 70

Aa on blackWCAG 4.78:1

AA ✓AAA ✗

APCA Lc 32

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.116 142.9);
  --color-brand-100: oklch(94.0% 0.120 142.9);
  --color-brand-200: oklch(88.0% 0.129 142.9);
  --color-brand-300: oklch(80.0% 0.141 142.9);
  --color-brand-400: oklch(70.0% 0.157 142.9);
  --color-brand-500: oklch(62.0% 0.169 142.9);
  --color-brand-600: oklch(54.0% 0.157 142.9);
  --color-brand-700: oklch(46.0% 0.144 142.9);
  --color-brand-800: oklch(38.0% 0.132 142.9);
  --color-brand-900: oklch(30.0% 0.120 142.9);
  --color-brand-950: oklch(22.0% 0.108 142.9);
}

About forest green

Forest Green is a rich, mid-dark green that reads as natural, stable and reassuring, which makes it a staple for eco, finance and outdoor branding. It sits at a moderate lightness with solid chroma, so the tonal scale climbs cleanly to fresh light greens and down to deep pine. Keep the hue and sweep lightness for the ramp, then copy the OKLCH, HEX or RGB value.

Forest Green in CSS: oklch(55.8% 0.169 142.9) · #228b22 · rgb(34 139 34)

Frequently Asked Questions

Forest green is rgb(34, 139, 34). The RGB, HEX (#228B22) and OKLCH values are all shown in the readouts above and can be copied individually.

Forest green pairs naturally with warm neutrals like cream and tan, and with a gold or terracotta accent. Use the tonal scale above to pull lighter greens for backgrounds and darker ones for text.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker