Preview
#7aa87a
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.72:1 · vs black: 7.71:1
HEX
#7aa87a
RGB
rgb(122, 168, 122)
RGBA
rgba(122, 168, 122, 1)
HSL
hsl(120, 21%, 57%)
HSV
hsv(120, 27%, 66%)
LAB
lab(64.6% -24.77 18.94)
LCH
lch(64.6% 31.18 142.6)
OKLAB
oklab(0.6861 -0.0676 0.0481)
OKLCH
oklch(0.6861 0.083 144.57)
XYZ
xyz(25.54, 33.55, 23.54)
CMYK
cmyk(27%, 0%, 27%, 34%)
CSS
color: #7aa87a;
CSS variable
--color-7aa87a: #7aa87a;
SCSS
$color-7aa87a: #7aa87a;
Tailwind
green-400
Export
:root {
--#7aa87a-1: #7aa87a;
}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.