Preview
#a4baa0
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.11:1
HEX
#a4baa0
RGB
rgb(164, 186, 160)
RGBA
rgba(164, 186, 160, 1)
HSL
hsl(111, 16%, 68%)
HSV
hsv(111, 14%, 73%)
LAB
lab(73.25% -12.48 10.67)
LCH
lch(73.25% 16.42 139.47)
OKLAB
oklab(0.7649 -0.0339 0.0276)
OKLCH
oklch(0.7649 0.0437 140.85)
XYZ
xyz(39.21, 45.55, 39.98)
CMYK
cmyk(12%, 0%, 14%, 27%)
CSS
color: #a4baa0;
CSS variable
--color-a4baa0: #a4baa0;
SCSS
$color-a4baa0: #a4baa0;
Tailwind
lime-300
Export
:root {
--#a4baa0-1: #a4baa0;
}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.