Preview
#ccdcc6
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.62:1
HEX
#ccdcc6
RGB
rgb(204, 220, 198)
RGBA
rgba(204, 220, 198, 1)
HSL
hsl(104, 24%, 82%)
HSV
hsv(104, 10%, 86%)
LAB
lab(86.06% -9.35 8.98)
LCH
lch(86.06% 12.96 136.16)
OKLAB
oklab(0.8764 -0.0252 0.0234)
OKLCH
oklch(0.8764 0.0344 137.12)
XYZ
xyz(60.69, 68.10, 63.36)
CMYK
cmyk(7%, 0%, 10%, 14%)
CSS
color: #ccdcc6;
CSS variable
--color-ccdcc6: #ccdcc6;
SCSS
$color-ccdcc6: #ccdcc6;
Tailwind
lime-100
Export
:root {
--#ccdcc6-1: #ccdcc6;
}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.