Preview
#ccd1b6
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.36:1
HEX
#ccd1b6
RGB
rgb(204, 209, 182)
RGBA
rgba(204, 209, 182, 1)
HSL
hsl(71, 23%, 77%)
HSV
hsv(71, 13%, 82%)
LAB
lab(82.82% -6.4 12.83)
LCH
lch(82.82% 14.34 116.51)
OKLAB
oklab(0.8495 -0.016 0.0332)
OKLCH
oklch(0.8495 0.0369 115.73)
XYZ
xyz(56.14, 61.82, 53.22)
CMYK
cmyk(2%, 0%, 13%, 18%)
CSS
color: #ccd1b6;
CSS variable
--color-ccd1b6: #ccd1b6;
SCSS
$color-ccd1b6: #ccd1b6;
Tailwind
amber-200
Export
:root {
--#ccd1b6-1: #ccd1b6;
}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.