Preview
#9fb696
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.19:1 · vs black: 9.61:1
HEX
#9fb696
RGB
rgb(159, 182, 150)
RGBA
rgba(159, 182, 150, 1)
HSL
hsl(103, 18%, 65%)
HSV
hsv(103, 18%, 71%)
LAB
lab(71.57% -13.95 13.69)
LCH
lch(71.57% 19.55 135.54)
OKLAB
oklab(0.7499 -0.0377 0.0352)
OKLCH
oklch(0.7499 0.0516 136.96)
XYZ
xyz(36.53, 43.03, 35.23)
CMYK
cmyk(13%, 0%, 18%, 29%)
CSS
color: #9fb696;
CSS variable
--color-9fb696: #9fb696;
SCSS
$color-9fb696: #9fb696;
Tailwind
lime-300
Export
:root {
--#9fb696-1: #9fb696;
}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.