Preview
#66cc66
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.39:1
HEX
#66cc66
RGB
rgb(102, 204, 102)
RGBA
rgba(102, 204, 102, 1)
HSL
hsl(120, 50%, 60%)
HSV
hsv(120, 50%, 80%)
LAB
lab(74.17% -50.25 41.62)
LCH
lch(74.17% 65.25 140.37)
OKLAB
oklab(0.7603 -0.1367 0.1004)
OKLCH
oklch(0.7603 0.1696 143.7)
XYZ
xyz(29.47, 46.97, 20.08)
CMYK
cmyk(50%, 0%, 50%, 20%)
CSS
color: #66cc66;
CSS variable
--color-66cc66: #66cc66;
SCSS
$color-66cc66: #66cc66;
Tailwind
green-400
Export
:root {
--web-safe-#66cc66-1: #66cc66;
}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.