Preview
#789d53
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.11:1 · vs black: 6.75:1
HEX
#789d53
RGB
rgb(120, 157, 83)
RGBA
rgba(120, 157, 83, 1)
HSL
hsl(90, 31%, 47%)
HSV
hsv(90, 47%, 62%)
LAB
lab(60.54% -25.92 34.5)
LCH
lch(60.54% 43.15 126.92)
OKLAB
oklab(0.6509 -0.0717 0.0833)
OKLCH
oklch(0.6509 0.1099 130.72)
XYZ
xyz(21.36, 28.73, 12.60)
CMYK
cmyk(24%, 0%, 47%, 38%)
CSS
color: #789d53;
CSS variable
--color-789d53: #789d53;
SCSS
$color-789d53: #789d53;
Tailwind
yellow-500
Export
:root {
--#789d53-1: #789d53;
}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.