Preview
#97ac82
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.46:1 · vs black: 8.54:1
HEX
#97ac82
RGB
rgb(151, 172, 130)
RGBA
rgba(151, 172, 130, 1)
HSL
hsl(90, 20%, 59%)
HSV
hsv(90, 24%, 67%)
LAB
lab(67.8% -15.01 19.25)
LCH
lch(67.8% 24.41 127.94)
OKLAB
oklab(0.717 -0.0403 0.0489)
OKLCH
oklch(0.717 0.0634 129.49)
XYZ
xyz(31.54, 37.70, 26.73)
CMYK
cmyk(12%, 0%, 24%, 33%)
CSS
color: #97ac82;
CSS variable
--color-97ac82: #97ac82;
SCSS
$color-97ac82: #97ac82;
Tailwind
yellow-400
Export
:root {
--#97ac82-1: #97ac82;
}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.