Preview
#9faf9f
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.31:1 · vs black: 9.11:1
HEX
#9faf9f
RGB
rgb(159, 175, 159)
RGBA
rgba(159, 175, 159, 1)
HSL
hsl(120, 9%, 65%)
HSV
hsv(120, 9%, 69%)
LAB
lab(69.85% -8.66 6.31)
LCH
lch(69.85% 10.72 143.92)
OKLAB
oklab(0.7369 -0.0237 0.0164)
OKLCH
oklch(0.7369 0.0288 145.32)
XYZ
xyz(35.88, 40.53, 38.73)
CMYK
cmyk(9%, 0%, 9%, 31%)
CSS
color: #9faf9f;
CSS variable
--color-9faf9f: #9faf9f;
SCSS
$color-9faf9f: #9faf9f;
Tailwind
green-300
Export
:root {
--#9faf9f-1: #9faf9f;
}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.