Preview
#cfd2ca
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.72:1
HEX
#cfd2ca
RGB
rgb(207, 210, 202)
RGBA
rgba(207, 210, 202, 1)
HSL
hsl(82, 8%, 81%)
HSV
hsv(82, 4%, 82%)
LAB
lab(83.77% -2.46 3.6)
LCH
lch(83.77% 4.36 124.35)
OKLAB
oklab(0.8592 -0.0063 0.0095)
OKLCH
oklch(0.8592 0.0114 123.55)
XYZ
xyz(59.44, 63.62, 65.01)
CMYK
cmyk(1%, 0%, 4%, 18%)
CSS
color: #cfd2ca;
CSS variable
--color-cfd2ca: #cfd2ca;
SCSS
$color-cfd2ca: #cfd2ca;
Tailwind
yellow-100
Export
:root {
--#cfd2ca-1: #cfd2ca;
}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.