Preview
#789e61
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.06:1 · vs black: 6.86:1
HEX
#789e61
RGB
rgb(120, 158, 97)
RGBA
rgba(120, 158, 97, 1)
HSL
hsl(97, 24%, 50%)
HSV
hsv(97, 39%, 62%)
LAB
lab(61.05% -24.53 27.76)
LCH
lch(61.05% 37.05 131.47)
OKLAB
oklab(0.6557 -0.0671 0.0686)
OKLCH
oklch(0.6557 0.096 134.37)
XYZ
xyz(22.13, 29.31, 15.80)
CMYK
cmyk(24%, 0%, 39%, 38%)
CSS
color: #789e61;
CSS variable
--color-789e61: #789e61;
SCSS
$color-789e61: #789e61;
Tailwind
yellow-500
Export
:root {
--#789e61-1: #789e61;
}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.