Preview
#abb6a5
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.11:1 · vs black: 9.97:1
HEX
#abb6a5
RGB
rgb(171, 182, 165)
RGBA
rgba(171, 182, 165, 1)
HSL
hsl(99, 10%, 68%)
HSV
hsv(99, 9%, 71%)
LAB
lab(72.78% -7 7.34)
LCH
lch(72.78% 10.14 133.64)
OKLAB
oklab(0.7628 -0.0187 0.0191)
OKLCH
oklch(0.7628 0.0267 134.39)
XYZ
xyz(40.31, 44.83, 42.12)
CMYK
cmyk(6%, 0%, 9%, 29%)
CSS
color: #abb6a5;
CSS variable
--color-abb6a5: #abb6a5;
SCSS
$color-abb6a5: #abb6a5;
Tailwind
yellow-300
Export
:root {
--#abb6a5-1: #abb6a5;
}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.