Preview
#ccd5c6
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.9:1
HEX
#ccd5c6
RGB
rgb(204, 213, 198)
RGBA
rgba(204, 213, 198, 1)
HSL
hsl(96, 15%, 81%)
HSV
hsv(96, 7%, 84%)
LAB
lab(84.23% -5.76 6.36)
LCH
lch(84.23% 8.58 132.17)
OKLAB
oklab(0.8619 -0.0153 0.0166)
OKLCH
oklch(0.8619 0.0226 132.67)
XYZ
xyz(58.89, 64.50, 62.76)
CMYK
cmyk(4%, 0%, 7%, 16%)
CSS
color: #ccd5c6;
CSS variable
--color-ccd5c6: #ccd5c6;
SCSS
$color-ccd5c6: #ccd5c6;
Tailwind
yellow-100
Export
:root {
--#ccd5c6-1: #ccd5c6;
}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.