Preview
#cbeba0
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.93:1
HEX
#cbeba0
RGB
rgb(203, 235, 160)
RGBA
rgba(203, 235, 160, 1)
HSL
hsl(86, 65%, 77%)
HSV
hsv(86, 32%, 92%)
LAB
lab(89.23% -23.04 33.05)
LCH
lch(89.23% 40.29 124.88)
OKLAB
oklab(0.899 -0.0625 0.0825)
OKLCH
oklch(0.899 0.1035 127.15)
XYZ
xyz(60.68, 74.65, 44.46)
CMYK
cmyk(14%, 0%, 32%, 8%)
CSS
color: #cbeba0;
CSS variable
--color-cbeba0: #cbeba0;
SCSS
$color-cbeba0: #cbeba0;
Tailwind
yellow-200
Export
:root {
--#cbeba0-1: #cbeba0;
}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.