Preview
#ccdbd1
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.62:1
HEX
#ccdbd1
RGB
rgb(204, 219, 209)
RGBA
rgba(204, 219, 209, 1)
HSL
hsl(140, 17%, 83%)
HSV
hsv(140, 7%, 86%)
LAB
lab(86.06% -6.88 3.18)
LCH
lch(86.06% 7.58 155.19)
OKLAB
oklab(0.8773 -0.0194 0.0083)
OKLCH
oklch(0.8773 0.0211 156.84)
XYZ
xyz(61.74, 68.10, 70.20)
CMYK
cmyk(7%, 0%, 5%, 14%)
CSS
color: #ccdbd1;
CSS variable
--color-ccdbd1: #ccdbd1;
SCSS
$color-ccdbd1: #ccdbd1;
Tailwind
emerald-100
Export
:root {
--#ccdbd1-1: #ccdbd1;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.