Preview
#ccebad
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 16.05:1
HEX
#ccebad
RGB
rgb(204, 235, 173)
RGBA
rgba(204, 235, 173, 1)
HSL
hsl(90, 61%, 80%)
HSV
hsv(90, 26%, 92%)
LAB
lab(89.52% -20.84 26.83)
LCH
lch(89.52% 33.97 127.84)
OKLAB
oklab(0.9022 -0.0562 0.0678)
OKLCH
oklch(0.9022 0.0881 129.66)
XYZ
xyz(62.15, 75.27, 50.78)
CMYK
cmyk(13%, 0%, 26%, 8%)
CSS
color: #ccebad;
CSS variable
--color-ccebad: #ccebad;
SCSS
$color-ccebad: #ccebad;
Tailwind
yellow-200
Export
:root {
--#ccebad-1: #ccebad;
}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.