Preview
#80b44b
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.46:1 · vs black: 8.55:1
HEX
#80b44b
RGB
rgb(128, 180, 75)
RGBA
rgba(128, 180, 75, 1)
HSL
hsl(90, 41%, 50%)
HSV
hsv(90, 58%, 71%)
LAB
lab(67.83% -34.71 47.21)
LCH
lch(67.83% 58.6 126.32)
OKLAB
oklab(0.7108 -0.097 0.1104)
OKLCH
oklch(0.7108 0.147 131.3)
XYZ
xyz(26.49, 37.74, 12.54)
CMYK
cmyk(29%, 0%, 58%, 29%)
CSS
color: #80b44b;
CSS variable
--color-80b44b: #80b44b;
SCSS
$color-80b44b: #80b44b;
Tailwind
yellow-500
Export
:root {
--#80b44b-1: #80b44b;
}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.