Preview
#80ab55
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.67:1 · vs black: 7.87:1
HEX
#80ab55
RGB
rgb(128, 171, 85)
RGBA
rgba(128, 171, 85, 1)
HSL
hsl(90, 34%, 50%)
HSV
hsv(90, 50%, 67%)
LAB
lab(65.26% -29.43 39.38)
LCH
lch(65.26% 49.16 126.77)
OKLAB
oklab(0.6903 -0.0817 0.0942)
OKLCH
oklch(0.6903 0.1247 130.94)
XYZ
xyz(25.10, 34.37, 13.90)
CMYK
cmyk(25%, 0%, 50%, 33%)
CSS
color: #80ab55;
CSS variable
--color-80ab55: #80ab55;
SCSS
$color-80ab55: #80ab55;
Tailwind
yellow-500
Export
:root {
--#80ab55-1: #80ab55;
}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.