Preview
#ccddbb
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.63:1
HEX
#ccddbb
RGB
rgb(204, 221, 187)
RGBA
rgba(204, 221, 187, 1)
HSL
hsl(90, 33%, 80%)
HSV
hsv(90, 15%, 87%)
LAB
lab(86.08% -11.71 14.79)
LCH
lch(86.08% 18.86 128.37)
OKLAB
oklab(0.8757 -0.031 0.0382)
OKLCH
oklch(0.8757 0.0492 129.06)
XYZ
xyz(59.73, 68.14, 57.01)
CMYK
cmyk(8%, 0%, 15%, 13%)
CSS
color: #ccddbb;
CSS variable
--color-ccddbb: #ccddbb;
SCSS
$color-ccddbb: #ccddbb;
Tailwind
yellow-200
Export
:root {
--#ccddbb-1: #ccddbb;
}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.