Preview
#ccf9e3
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.23:1
HEX
#ccf9e3
RGB
rgb(204, 249, 227)
RGBA
rgba(204, 249, 227, 1)
HSL
hsl(151, 79%, 89%)
HSV
hsv(151, 18%, 98%)
LAB
lab(94.37% -18.59 5.81)
LCH
lch(94.37% 19.48 162.64)
OKLAB
oklab(0.9446 -0.0527 0.015)
OKLCH
oklch(0.9446 0.0548 164.11)
XYZ
xyz(72.64, 86.13, 85.46)
CMYK
cmyk(18%, 0%, 9%, 2%)
CSS
color: #ccf9e3;
CSS variable
--color-ccf9e3: #ccf9e3;
SCSS
$color-ccf9e3: #ccf9e3;
Tailwind
emerald-100
Export
:root {
--#ccf9e3-1: #ccf9e3;
}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.