Preview
#ccd0c7
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.41:1
HEX
#ccd0c7
RGB
rgb(204, 208, 199)
RGBA
rgba(204, 208, 199, 1)
HSL
hsl(87, 9%, 80%)
HSV
hsv(87, 4%, 82%)
LAB
lab(82.95% -2.99 3.99)
LCH
lch(82.95% 4.99 126.85)
OKLAB
oklab(0.8519 -0.0077 0.0105)
OKLCH
oklch(0.8519 0.013 126.25)
XYZ
xyz(57.76, 62.07, 62.96)
CMYK
cmyk(2%, 0%, 4%, 18%)
CSS
color: #ccd0c7;
CSS variable
--color-ccd0c7: #ccd0c7;
SCSS
$color-ccd0c7: #ccd0c7;
Tailwind
yellow-200
Export
:root {
--#ccd0c7-1: #ccd0c7;
}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.