Preview
#c7ccb7
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.75:1
HEX
#c7ccb7
RGB
rgb(199, 204, 183)
RGBA
rgba(199, 204, 183, 1)
HSL
hsl(74, 17%, 76%)
HSV
hsv(74, 10%, 80%)
LAB
lab(81.15% -5.43 9.88)
LCH
lch(81.15% 11.27 118.79)
OKLAB
oklab(0.8355 -0.0136 0.0257)
OKLCH
oklch(0.8355 0.0291 117.89)
XYZ
xyz(53.69, 58.75, 53.30)
CMYK
cmyk(2%, 0%, 10%, 20%)
CSS
color: #c7ccb7;
CSS variable
--color-c7ccb7: #c7ccb7;
SCSS
$color-c7ccb7: #c7ccb7;
Tailwind
amber-200
Export
:root {
--#c7ccb7-1: #c7ccb7;
}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.