Preview
#c5ccbd
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.75:1
HEX
#c5ccbd
RGB
rgb(197, 204, 189)
RGBA
rgba(197, 204, 189, 1)
HSL
hsl(88, 13%, 77%)
HSV
hsv(88, 7%, 80%)
LAB
lab(81.14% -5.11 6.64)
LCH
lch(81.14% 8.38 127.58)
OKLAB
oklab(0.8356 -0.0133 0.0174)
OKLCH
oklch(0.8356 0.0219 127.39)
XYZ
xyz(53.80, 58.73, 56.64)
CMYK
cmyk(3%, 0%, 7%, 20%)
CSS
color: #c5ccbd;
CSS variable
--color-c5ccbd: #c5ccbd;
SCSS
$color-c5ccbd: #c5ccbd;
Tailwind
yellow-200
Export
:root {
--#c5ccbd-1: #c5ccbd;
}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.