Preview
#ccffce
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.76:1
HEX
#ccffce
RGB
rgb(204, 255, 206)
RGBA
rgba(204, 255, 206, 1)
HSL
hsl(122, 100%, 90%)
HSV
hsv(122, 20%, 100%)
LAB
lab(95.5% -25.24 18.21)
LCH
lch(95.5% 31.12 144.19)
OKLAB
oklab(0.9521 -0.0691 0.0468)
OKLCH
oklch(0.9521 0.0835 145.89)
XYZ
xyz(71.80, 88.81, 71.74)
CMYK
cmyk(20%, 0%, 19%, 0%)
CSS
color: #ccffce;
CSS variable
--color-ccffce: #ccffce;
SCSS
$color-ccffce: #ccffce;
Tailwind
green-100
Export
:root {
--#ccffce-1: #ccffce;
}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.