Preview
#96a18c
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.7:1 · vs black: 7.77:1
HEX
#96a18c
RGB
rgb(150, 161, 140)
RGBA
rgba(150, 161, 140, 1)
HSL
hsl(91, 10%, 59%)
HSV
hsv(91, 13%, 63%)
LAB
lab(64.86% -7.88 9.62)
LCH
lch(64.86% 12.44 129.32)
OKLAB
oklab(0.6942 -0.0208 0.0249)
OKLCH
oklch(0.6942 0.0324 129.87)
XYZ
xyz(30.06, 33.87, 29.76)
CMYK
cmyk(7%, 0%, 13%, 37%)
CSS
color: #96a18c;
CSS variable
--color-96a18c: #96a18c;
SCSS
$color-96a18c: #96a18c;
Tailwind
yellow-400
Export
:root {
--#96a18c-1: #96a18c;
}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.