Preview
#ccf3df
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.2:1 · vs black: 17.45:1
HEX
#ccf3df
RGB
rgb(204, 243, 223)
RGBA
rgba(204, 243, 223, 1)
HSL
hsl(149, 62%, 88%)
HSV
hsv(149, 16%, 95%)
LAB
lab(92.69% -16.39 5.46)
LCH
lch(92.69% 17.28 161.58)
OKLAB
oklab(0.931 -0.0465 0.0142)
OKLCH
oklch(0.931 0.0486 163.02)
XYZ
xyz(70.27, 82.26, 81.97)
CMYK
cmyk(16%, 0%, 8%, 5%)
CSS
color: #ccf3df;
CSS variable
--color-ccf3df: #ccf3df;
SCSS
$color-ccf3df: #ccf3df;
Tailwind
emerald-100
Export
:root {
--#ccf3df-1: #ccf3df;
}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.