Preview
#afb7aa
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.18:1
HEX
#afb7aa
RGB
rgb(175, 183, 170)
RGBA
rgba(175, 183, 170, 1)
HSL
hsl(97, 8%, 69%)
HSV
hsv(97, 7%, 72%)
LAB
lab(73.47% -5.21 5.64)
LCH
lch(73.47% 7.68 132.73)
OKLAB
oklab(0.7694 -0.0138 0.0148)
OKLCH
oklch(0.7694 0.0202 133)
XYZ
xyz(41.87, 45.88, 44.67)
CMYK
cmyk(4%, 0%, 7%, 28%)
CSS
color: #afb7aa;
CSS variable
--color-afb7aa: #afb7aa;
SCSS
$color-afb7aa: #afb7aa;
Tailwind
yellow-300
Export
:root {
--#afb7aa-1: #afb7aa;
}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.