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.
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
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →