Preview
#ccffe0
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.95:1
HEX
#ccffe0
RGB
rgb(204, 255, 224)
RGBA
rgba(204, 255, 224, 1)
HSL
hsl(144, 100%, 90%)
HSV
hsv(144, 20%, 100%)
LAB
lab(95.89% -22.07 9.54)
LCH
lch(95.89% 24.04 156.62)
OKLAB
oklab(0.9565 -0.0617 0.0247)
OKLCH
oklch(0.9565 0.0665 158.18)
XYZ
xyz(74.11, 89.74, 83.92)
CMYK
cmyk(20%, 0%, 12%, 0%)
CSS
color: #ccffe0;
CSS variable
--color-ccffe0: #ccffe0;
SCSS
$color-ccffe0: #ccffe0;
Tailwind
emerald-100
Export
:root {
--#ccffe0-1: #ccffe0;
}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.