Preview
#a3b690
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.18:1 · vs black: 9.65:1
HEX
#a3b690
RGB
rgb(163, 182, 144)
RGBA
rgba(163, 182, 144, 1)
HSL
hsl(90, 21%, 64%)
HSV
hsv(90, 21%, 71%)
LAB
lab(71.73% -13.5 17.2)
LCH
lch(71.73% 21.87 128.13)
OKLAB
oklab(0.7514 -0.0361 0.044)
OKLCH
oklch(0.7514 0.0569 129.37)
XYZ
xyz(36.87, 43.26, 32.79)
CMYK
cmyk(10%, 0%, 21%, 29%)
CSS
color: #a3b690;
CSS variable
--color-a3b690: #a3b690;
SCSS
$color-a3b690: #a3b690;
Tailwind
yellow-300
Export
:root {
--#a3b690-1: #a3b690;
}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.