Preview
#c8e6c9
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.62:1
HEX
#c8e6c9
RGB
rgb(200, 230, 201)
RGBA
rgba(200, 230, 201, 1)
HSL
hsl(122, 37%, 84%)
HSV
hsv(122, 13%, 90%)
LAB
lab(88.49% -15.23 10.85)
LCH
lch(88.49% 18.7 144.53)
OKLAB
oklab(0.8952 -0.0418 0.0281)
OKLCH
oklch(0.8952 0.0504 146.09)
XYZ
xyz(62.66, 73.09, 66.05)
CMYK
cmyk(13%, 0%, 13%, 10%)
CSS
color: #c8e6c9;
CSS variable
--color-c8e6c9: #c8e6c9;
SCSS
$color-c8e6c9: #c8e6c9;
Tailwind
green-100
Export
:root {
--material-green-100-1: #c8e6c9;
}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.