Preview
#7ba477
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.83:1 · vs black: 7.42:1
HEX
#7ba477
RGB
rgb(123, 164, 119)
RGBA
rgba(123, 164, 119, 1)
HSL
hsl(115, 20%, 55%)
HSV
hsv(115, 27%, 64%)
LAB
lab(63.42% -22.94 18.97)
LCH
lch(63.42% 29.77 140.41)
OKLAB
oklab(0.6765 -0.0626 0.0481)
OKLCH
oklch(0.6765 0.0789 142.46)
XYZ
xyz(24.77, 32.09, 22.34)
CMYK
cmyk(25%, 0%, 27%, 36%)
CSS
color: #7ba477;
CSS variable
--color-7ba477: #7ba477;
SCSS
$color-7ba477: #7ba477;
Tailwind
lime-400
Export
:root {
--#7ba477-1: #7ba477;
}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.