Preview
#66bb6a
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.88:1
HEX
#66bb6a
RGB
rgb(102, 187, 106)
RGBA
rgba(102, 187, 106, 1)
HSL
hsl(123, 38%, 57%)
HSV
hsv(123, 45%, 73%)
LAB
lab(69.04% -42.62 33.17)
LCH
lch(69.04% 54.01 142.11)
OKLAB
oklab(0.7185 -0.1159 0.0815)
OKLCH
oklch(0.7185 0.1417 144.89)
XYZ
xyz(25.85, 39.40, 19.88)
CMYK
cmyk(45%, 0%, 43%, 27%)
CSS
color: #66bb6a;
CSS variable
--color-66bb6a: #66bb6a;
SCSS
$color-66bb6a: #66bb6a;
Tailwind
green-400
Export
:root {
--material-green-400-1: #66bb6a;
}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.