Preview
#c5c7bb
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.26:1
HEX
#c5c7bb
RGB
rgb(197, 199, 187)
RGBA
rgba(197, 199, 187, 1)
HSL
hsl(70, 10%, 76%)
HSV
hsv(70, 6%, 78%)
LAB
lab(79.79% -2.84 5.76)
LCH
lch(79.79% 6.42 116.25)
OKLAB
oklab(0.8247 -0.0069 0.0151)
OKLCH
oklch(0.8247 0.0166 114.56)
XYZ
xyz(52.42, 56.31, 55.11)
CMYK
cmyk(1%, 0%, 6%, 22%)
CSS
color: #c5c7bb;
CSS variable
--color-c5c7bb: #c5c7bb;
SCSS
$color-c5c7bb: #c5c7bb;
Tailwind
amber-200
Export
:root {
--#c5c7bb-1: #c5c7bb;
}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.