Preview
#7a9a71
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.14:1 · vs black: 6.69:1
HEX
#7a9a71
RGB
rgb(122, 154, 113)
RGBA
rgba(122, 154, 113, 1)
HSL
hsl(107, 17%, 52%)
HSV
hsv(107, 27%, 60%)
LAB
lab(60.28% -19.23 17.99)
LCH
lch(60.28% 26.33 136.91)
OKLAB
oklab(0.6508 -0.0523 0.0456)
OKLCH
oklch(0.6508 0.0694 138.92)
XYZ
xyz(22.56, 28.44, 19.92)
CMYK
cmyk(21%, 0%, 27%, 40%)
CSS
color: #7a9a71;
CSS variable
--color-7a9a71: #7a9a71;
SCSS
$color-7a9a71: #7a9a71;
Tailwind
lime-400
Export
:root {
--#7a9a71-1: #7a9a71;
}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.