Preview
#ccff99
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.33:1
HEX
#ccff99
RGB
rgb(204, 255, 153)
RGBA
rgba(204, 255, 153, 1)
HSL
hsl(90, 100%, 80%)
HSV
hsv(90, 40%, 100%)
LAB
lab(94.59% -33.01 43.54)
LCH
lch(94.59% 54.64 127.17)
OKLAB
oklab(0.9419 -0.0907 0.1067)
OKLCH
oklch(0.9419 0.14 130.37)
XYZ
xyz(66.41, 86.66, 43.36)
CMYK
cmyk(20%, 0%, 40%, 0%)
CSS
color: #ccff99;
CSS variable
--color-ccff99: #ccff99;
SCSS
$color-ccff99: #ccff99;
Tailwind
yellow-200
Export
:root {
--web-safe-#ccff99-1: #ccff99;
}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.