Preview
#89c889
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.69:1
HEX
#89c889
RGB
rgb(137, 200, 137)
RGBA
rgba(137, 200, 137, 1)
HSL
hsl(120, 36%, 66%)
HSV
hsv(120, 32%, 78%)
LAB
lab(75.1% -32.63 25.29)
LCH
lch(75.1% 41.28 142.22)
OKLAB
oklab(0.7738 -0.089 0.0637)
OKLCH
oklch(0.7738 0.1094 144.41)
XYZ
xyz(35.48, 48.43, 31.14)
CMYK
cmyk(32%, 0%, 32%, 22%)
CSS
color: #89c889;
CSS variable
--color-89c889: #89c889;
SCSS
$color-89c889: #89c889;
Tailwind
green-300
Export
:root {
--#89c889-1: #89c889;
}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.