Preview
#89bd89
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.16:1 · vs black: 9.7:1
HEX
#89bd89
RGB
rgb(137, 189, 137)
RGBA
rgba(137, 189, 137, 1)
HSL
hsl(120, 28%, 64%)
HSV
hsv(120, 28%, 74%)
LAB
lab(71.91% -27.38 20.96)
LCH
lch(71.91% 34.48 142.57)
OKLAB
oklab(0.7481 -0.0748 0.0531)
OKLCH
oklch(0.7481 0.0917 144.63)
XYZ
xyz(33.03, 43.52, 30.32)
CMYK
cmyk(28%, 0%, 28%, 26%)
CSS
color: #89bd89;
CSS variable
--color-89bd89: #89bd89;
SCSS
$color-89bd89: #89bd89;
Tailwind
green-300
Export
:root {
--#89bd89-1: #89bd89;
}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.