Preview
#c7d5cf
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.85:1
HEX
#c7d5cf
RGB
rgb(199, 213, 207)
RGBA
rgba(199, 213, 207, 1)
HSL
hsl(154, 14%, 81%)
HSV
hsv(154, 7%, 84%)
LAB
lab(84.09% -5.84 1.34)
LCH
lch(84.09% 5.99 167.08)
OKLAB
oklab(0.8606 -0.0169 0.0035)
OKLCH
oklch(0.8606 0.0173 168.3)
XYZ
xyz(58.61, 64.24, 68.33)
CMYK
cmyk(7%, 0%, 3%, 16%)
CSS
color: #c7d5cf;
CSS variable
--color-c7d5cf: #c7d5cf;
SCSS
$color-c7d5cf: #c7d5cf;
Tailwind
emerald-100
Export
:root {
--#c7d5cf-1: #c7d5cf;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.