Preview
#78a673
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.8:1 · vs black: 7.5:1
HEX
#78a673
RGB
rgb(120, 166, 115)
RGBA
rgba(120, 166, 115, 1)
HSL
hsl(114, 22%, 55%)
HSV
hsv(114, 31%, 65%)
LAB
lab(63.76% -25.67 21.59)
LCH
lch(63.76% 33.54 139.93)
OKLAB
oklab(0.6785 -0.07 0.0544)
OKLCH
oklch(0.6785 0.0887 142.15)
XYZ
xyz(24.48, 32.50, 21.20)
CMYK
cmyk(28%, 0%, 31%, 35%)
CSS
color: #78a673;
CSS variable
--color-78a673: #78a673;
SCSS
$color-78a673: #78a673;
Tailwind
lime-400
Export
:root {
--#78a673-1: #78a673;
}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.