Preview
#90ee90
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.82:1
HEX
#90ee90
RGB
rgb(144, 238, 144)
RGBA
rgba(144, 238, 144, 1)
HSL
hsl(120, 73%, 75%)
HSV
hsv(120, 39%, 93%)
LAB
lab(86.55% -46.33 36.95)
LCH
lch(86.55% 59.26 141.43)
OKLAB
oklab(0.868 -0.1262 0.0914)
OKLCH
oklch(0.868 0.1558 144.09)
XYZ
xyz(47.11, 69.09, 37.23)
CMYK
cmyk(39%, 0%, 39%, 7%)
CSS
color: #90ee90;
CSS variable
--color-90ee90: #90ee90;
SCSS
$color-90ee90: #90ee90;
Tailwind
green-200
Export
:root {
--lightgreen-1: #90ee90;
}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.