Preview
#89c289
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.14:1
HEX
#89c289
RGB
rgb(137, 194, 137)
RGBA
rgba(137, 194, 137, 1)
HSL
hsl(120, 32%, 65%)
HSV
hsv(120, 29%, 76%)
LAB
lab(73.35% -29.79 22.93)
LCH
lch(73.35% 37.59 142.41)
OKLAB
oklab(0.7598 -0.0813 0.058)
OKLCH
oklch(0.7598 0.0999 144.5)
XYZ
xyz(34.12, 45.71, 30.69)
CMYK
cmyk(29%, 0%, 29%, 24%)
CSS
color: #89c289;
CSS variable
--color-89c289: #89c289;
SCSS
$color-89c289: #89c289;
Tailwind
green-300
Export
:root {
--#89c289-1: #89c289;
}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.