Preview
#cad5b9
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.73:1
HEX
#cad5b9
RGB
rgb(202, 213, 185)
RGBA
rgba(202, 213, 185, 1)
HSL
hsl(84, 25%, 78%)
HSV
hsv(84, 13%, 84%)
LAB
lab(83.78% -8.68 12.59)
LCH
lch(83.78% 15.29 124.58)
OKLAB
oklab(0.857 -0.0226 0.0326)
OKLCH
oklch(0.857 0.0397 124.73)
XYZ
xyz(56.91, 63.65, 55.18)
CMYK
cmyk(5%, 0%, 13%, 16%)
CSS
color: #cad5b9;
CSS variable
--color-cad5b9: #cad5b9;
SCSS
$color-cad5b9: #cad5b9;
Tailwind
yellow-200
Export
:root {
--#cad5b9-1: #cad5b9;
}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.