Preview
#ccf196
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.59:1
HEX
#ccf196
RGB
rgb(204, 241, 150)
RGBA
rgba(204, 241, 150, 1)
HSL
hsl(84, 76%, 77%)
HSV
hsv(84, 38%, 95%)
LAB
lab(90.76% -26.85 40.07)
LCH
lch(90.76% 48.23 123.83)
OKLAB
oklab(0.9109 -0.0736 0.0986)
OKLCH
oklch(0.9109 0.123 126.74)
XYZ
xyz(61.86, 77.95, 40.63)
CMYK
cmyk(15%, 0%, 38%, 5%)
CSS
color: #ccf196;
CSS variable
--color-ccf196: #ccf196;
SCSS
$color-ccf196: #ccf196;
Tailwind
yellow-200
Export
:root {
--#ccf196-1: #ccf196;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.