Preview
#cce0ac
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.83:1
HEX
#cce0ac
RGB
rgb(204, 224, 172)
RGBA
rgba(204, 224, 172, 1)
HSL
hsl(83, 46%, 78%)
HSV
hsv(83, 23%, 88%)
LAB
lab(86.57% -15.57 23.31)
LCH
lch(86.57% 28.03 123.74)
OKLAB
oklab(0.8786 -0.0414 0.0593)
OKLCH
oklch(0.8786 0.0723 124.92)
XYZ
xyz(59.00, 69.13, 49.26)
CMYK
cmyk(9%, 0%, 23%, 12%)
CSS
color: #cce0ac;
CSS variable
--color-cce0ac: #cce0ac;
SCSS
$color-cce0ac: #cce0ac;
Tailwind
yellow-200
Export
:root {
--#cce0ac-1: #cce0ac;
}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.