Preview
#89aa74
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.6:1 · vs black: 8.07:1
HEX
#89aa74
RGB
rgb(137, 170, 116)
RGBA
rgba(137, 170, 116, 1)
HSL
hsl(97, 24%, 56%)
HSV
hsv(97, 32%, 67%)
LAB
lab(66% -21.39 24.25)
LCH
lch(66% 32.34 131.41)
OKLAB
oklab(0.6994 -0.0582 0.0608)
OKLCH
oklch(0.6994 0.0842 133.75)
XYZ
xyz(27.84, 35.33, 21.87)
CMYK
cmyk(19%, 0%, 32%, 33%)
CSS
color: #89aa74;
CSS variable
--color-89aa74: #89aa74;
SCSS
$color-89aa74: #89aa74;
Tailwind
yellow-400
Export
:root {
--#89aa74-1: #89aa74;
}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.