Preview
#9ab696
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.21:1 · vs black: 9.51:1
HEX
#9ab696
RGB
rgb(154, 182, 150)
RGBA
rgba(154, 182, 150, 1)
HSL
hsl(113, 18%, 65%)
HSV
hsv(113, 18%, 71%)
LAB
lab(71.23% -15.73 13.16)
LCH
lch(71.23% 20.51 140.08)
OKLAB
oklab(0.7463 -0.0428 0.0339)
OKLCH
oklch(0.7463 0.0546 141.62)
XYZ
xyz(35.56, 42.53, 35.18)
CMYK
cmyk(15%, 0%, 18%, 29%)
CSS
color: #9ab696;
CSS variable
--color-9ab696: #9ab696;
SCSS
$color-9ab696: #9ab696;
Tailwind
lime-300
Export
:root {
--#9ab696-1: #9ab696;
}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.