Preview
#c2d6c3
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.7:1
HEX
#c2d6c3
RGB
rgb(194, 214, 195)
RGBA
rgba(194, 214, 195, 1)
HSL
hsl(123, 20%, 80%)
HSV
hsv(123, 9%, 84%)
LAB
lab(83.71% -10.24 7.11)
LCH
lch(83.71% 12.47 145.23)
OKLAB
oklab(0.8558 -0.0282 0.0185)
OKLCH
oklch(0.8558 0.0337 146.73)
XYZ
xyz(56.14, 63.50, 60.92)
CMYK
cmyk(9%, 0%, 9%, 16%)
CSS
color: #c2d6c3;
CSS variable
--color-c2d6c3: #c2d6c3;
SCSS
$color-c2d6c3: #c2d6c3;
Tailwind
green-200
Export
:root {
--#c2d6c3-1: #c2d6c3;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.