Preview
#cee26a
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.71:1
HEX
#cee26a
RGB
rgb(206, 226, 106)
RGBA
rgba(206, 226, 106, 1)
HSL
hsl(70, 67%, 65%)
HSV
hsv(70, 53%, 89%)
LAB
lab(86.28% -23.58 55.61)
LCH
lch(86.28% 60.4 112.98)
OKLAB
oklab(0.8736 -0.0677 0.1305)
OKLCH
oklch(0.8736 0.147 117.42)
XYZ
xyz(55.25, 68.56, 23.95)
CMYK
cmyk(9%, 0%, 53%, 11%)
CSS
color: #cee26a;
CSS variable
--color-cee26a: #cee26a;
SCSS
$color-cee26a: #cee26a;
Tailwind
amber-300
Export
:root {
--#cee26a-1: #cee26a;
}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.