Preview
#80a15e
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.93:1 · vs black: 7.18:1
HEX
#80a15e
RGB
rgb(128, 161, 94)
RGBA
rgba(128, 161, 94, 1)
HSL
hsl(90, 26%, 50%)
HSV
hsv(90, 42%, 63%)
LAB
lab(62.41% -23.42 31.21)
LCH
lch(62.41% 39.02 126.88)
OKLAB
oklab(0.6678 -0.0644 0.0764)
OKLCH
oklch(0.6678 0.0999 130.13)
XYZ
xyz(23.67, 30.89, 15.30)
CMYK
cmyk(20%, 0%, 42%, 37%)
CSS
color: #80a15e;
CSS variable
--color-80a15e: #80a15e;
SCSS
$color-80a15e: #80a15e;
Tailwind
yellow-500
Export
:root {
--#80a15e-1: #80a15e;
}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.