Preview
#9ca697
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.31:1
HEX
#9ca697
RGB
rgb(156, 166, 151)
RGBA
rgba(156, 166, 151, 1)
HSL
hsl(100, 8%, 62%)
HSV
hsv(100, 9%, 65%)
LAB
lab(66.96% -6.39 6.55)
LCH
lch(66.96% 9.15 134.29)
OKLAB
oklab(0.7128 -0.0171 0.0171)
OKLCH
oklch(0.7128 0.0242 135)
XYZ
xyz(32.93, 36.57, 34.60)
CMYK
cmyk(6%, 0%, 9%, 35%)
CSS
color: #9ca697;
CSS variable
--color-9ca697: #9ca697;
SCSS
$color-9ca697: #9ca697;
Tailwind
lime-300
Export
:root {
--#9ca697-1: #9ca697;
}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.