Preview
#ccf20d
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.27:1
HEX
#ccf20d
RGB
rgb(204, 242, 13)
RGBA
rgba(204, 242, 13, 1)
HSL
hsl(70, 90%, 50%)
HSV
hsv(70, 95%, 95%)
LAB
lab(90.03% -36.06 86.57)
LCH
lch(90.03% 93.78 112.61)
OKLAB
oklab(0.9018 -0.1087 0.1841)
OKLCH
oklch(0.9018 0.2138 120.56)
XYZ
xyz(56.73, 76.37, 12.13)
CMYK
cmyk(16%, 0%, 95%, 5%)
CSS
color: #ccf20d;
CSS variable
--color-ccf20d: #ccf20d;
SCSS
$color-ccf20d: #ccf20d;
Tailwind
amber-500
Export
:root {
--#ccf20d-1: #ccf20d;
}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.