Light Green
#228b22
Preview
#228b22
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.39:1 · vs black: 4.78:1
HEX
#228b22
RGB
rgb(34, 139, 34)
RGBA
rgba(34, 139, 34, 1)
HSL
hsl(120, 61%, 34%)
HSV
hsv(120, 76%, 55%)
LAB
lab(50.59% -49.59 45.02)
LCH
lch(50.59% 66.98 137.77)
OKLAB
oklab(0.5578 -0.1346 0.1018)
OKLCH
oklch(0.5578 0.1688 142.9)
XYZ
xyz(10.18, 18.92, 4.63)
CMYK
cmyk(76%, 0%, 76%, 45%)
CSS
color: #228b22;
CSS variable
--color-228b22: #228b22;
SCSS
$color-228b22: #228b22;
Tailwind
green-600
Export
:root {
--forestgreen-1: #228b22;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.
Browse more in the color name library.