Preview
#c3f0c3
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.57:1
HEX
#c3f0c3
RGB
rgb(195, 240, 195)
RGBA
rgba(195, 240, 195, 1)
HSL
hsl(120, 60%, 85%)
HSV
hsv(120, 19%, 94%)
LAB
lab(90.72% -22.85 17.07)
LCH
lch(90.72% 28.52 143.24)
OKLAB
oklab(0.9117 -0.0625 0.0439)
OKLCH
oklch(0.9117 0.0764 144.92)
XYZ
xyz(63.51, 77.86, 63.30)
CMYK
cmyk(19%, 0%, 19%, 6%)
CSS
color: #c3f0c3;
CSS variable
--color-c3f0c3: #c3f0c3;
SCSS
$color-c3f0c3: #c3f0c3;
Tailwind
green-100
Export
:root {
--#c3f0c3-1: #c3f0c3;
}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.