Preview
#9daa97
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.43:1 · vs black: 8.63:1
HEX
#9daa97
RGB
rgb(157, 170, 151)
RGBA
rgba(157, 170, 151, 1)
HSL
hsl(101, 10%, 63%)
HSV
hsv(101, 11%, 67%)
LAB
lab(68.13% -8.18 8.25)
LCH
lch(68.13% 11.62 134.76)
OKLAB
oklab(0.7223 -0.0219 0.0214)
OKLCH
oklch(0.7223 0.0306 135.66)
XYZ
xyz(33.86, 38.15, 34.85)
CMYK
cmyk(8%, 0%, 11%, 33%)
CSS
color: #9daa97;
CSS variable
--color-9daa97: #9daa97;
SCSS
$color-9daa97: #9daa97;
Tailwind
lime-300
Export
:root {
--#9daa97-1: #9daa97;
}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.