Recolorify
Sign inStart free →
DESIGN11 min read· Jun 22, 2026

The Ultimate Guide to Green Color Codes, Hex Codes, and Shades of Green

Green is the color of growth, nature, and trust — it anchors wellness, finance, sustainability, and food brands, and it is the most versatile hue for product variants from apparel to packaging. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of green, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to Green Color Codes, Hex Codes, and Shades of Green

The core greens and their codes

Interactive Green Swatch Grid

Click any swatch to copy its Hex code to your clipboard and view its RGB/HSL conversions.

Pure green

HSL(120°, 100%, 50%) — the standard digital "lime" green.

Selected color: #00FF00

Green in RGB, HSL, and CMYK

A hex code is a compact RGB triplet, so #228B22 and RGB(34, 139, 34) are the same forest green. When matching CSS, print, or design tools you often need the other notations.

For forest green #228B22: RGB(34, 139, 34), HSL(120°, 61%, 34%), CMYK(76%, 0%, 76%, 45%). For emerald #50C878: RGB(80, 200, 120), HSL(140°, 52%, 55%), CMYK(60%, 0%, 40%, 22%). Green is the hue our eyes perceive as brightest, so a small lightness change reads as a big shift.

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about lightness. When you recolor a forest-green jacket to mint using a flat RGB swap, you flatten the fabric's folds and shadows along with the hue — and the result looks fake.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — folds, highlights, shadows) from the color itself (A and B). Recoloring in LAB lets you hit an exact green hex while every shadow and texture detail of the original survives. The same logic applies to OKLCH, which keeps perceived lightness constant as you shift hue — important because green is the hue our eyes read as brightest, so naive swaps blow out highlights fastest.

Matching brand greens across assets

Green drifts more than most hues because it sits between yellow and blue — a logo green, a button green, and a product-photo green that all started as #16A34A can end up three slightly different shades once they pass through compression and ad-hoc edits. The fix is to define each brand green once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact green hex and recolor a logo, a product photo, or a garment to match it precisely, keeping texture intact. That is how you keep a single, consistent brand green across listings, decks, and campaigns. See also our guides to blue color codes and red color codes.

Best color pairings for green

  • Green + cream (#FAF3E0) — organic and natural for wellness and food brands.
  • Green + white (#FFFFFF) — clean and fresh for eco and health.
  • Green + gold (#D4AF37) — premium and botanical for luxury packaging.
  • Green + navy (#0B1F3A) — trustworthy and grounded for finance and outdoor.
  • Green + tan / brown (#8B5A2B) — earthy and rustic for artisan goods.

Frequently asked questions about green color codes

What is the hex code for green? The pure CSS keyword "green" is #008000; the bright, vivid "lime" green is #00FF00.

What is the RGB code for green? CSS green is RGB(0, 128, 0); lime is RGB(0, 255, 0); forest green is RGB(34, 139, 34).

What is the difference between emerald and forest green? Emerald (#50C878) is brighter and jewel-toned; forest green (#228B22) is deeper and more muted.

What is the hex code for sage green? Sage is commonly #9CAF88 — a soft, muted grey-green popular in decor and beauty.