Preview
#98aa99
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.46:1 · vs black: 8.54:1
HEX
#98aa99
RGB
rgb(152, 170, 153)
RGBA
rgba(152, 170, 153, 1)
HSL
hsl(123, 10%, 63%)
HSV
hsv(123, 11%, 67%)
LAB
lab(67.82% -9.6 6.64)
LCH
lch(67.82% 11.67 145.33)
OKLAB
oklab(0.719 -0.0264 0.0173)
OKLCH
oklch(0.719 0.0316 146.76)
XYZ
xyz(33.07, 37.72, 35.67)
CMYK
cmyk(11%, 0%, 10%, 33%)
CSS
color: #98aa99;
CSS variable
--color-98aa99: #98aa99;
SCSS
$color-98aa99: #98aa99;
Tailwind
green-300
Export
:root {
--#98aa99-1: #98aa99;
}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.