Preview
#97c569
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2:1 · vs black: 10.51:1
HEX
#97c569
RGB
rgb(151, 197, 105)
RGBA
rgba(151, 197, 105, 1)
HSL
hsl(90, 44%, 59%)
HSV
hsv(90, 47%, 77%)
LAB
lab(74.53% -30.88 41.12)
LCH
lch(74.53% 51.42 126.91)
OKLAB
oklab(0.7697 -0.0854 0.0992)
OKLCH
oklch(0.7697 0.1309 130.72)
XYZ
xyz(35.28, 47.53, 20.68)
CMYK
cmyk(23%, 0%, 47%, 23%)
CSS
color: #97c569;
CSS variable
--color-97c569: #97c569;
SCSS
$color-97c569: #97c569;
Tailwind
yellow-400
Export
:root {
--#97c569-1: #97c569;
}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.