Preview
#ccf6c0
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.2:1 · vs black: 17.51:1
HEX
#ccf6c0
RGB
rgb(204, 246, 192)
RGBA
rgba(204, 246, 192, 1)
HSL
hsl(107, 75%, 86%)
HSV
hsv(107, 22%, 96%)
LAB
lab(92.82% -23.24 21.63)
LCH
lch(92.82% 31.75 137.05)
OKLAB
oklab(0.9298 -0.0631 0.0553)
OKLCH
oklch(0.9298 0.0839 138.77)
XYZ
xyz(67.37, 82.55, 62.24)
CMYK
cmyk(17%, 0%, 22%, 4%)
CSS
color: #ccf6c0;
CSS variable
--color-ccf6c0: #ccf6c0;
SCSS
$color-ccf6c0: #ccf6c0;
Tailwind
lime-100
Export
:root {
--#ccf6c0-1: #ccf6c0;
}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.