Preview
#a3b398
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.22:1 · vs black: 9.46:1
HEX
#a3b398
RGB
rgb(163, 179, 152)
RGBA
rgba(163, 179, 152, 1)
HSL
hsl(96, 15%, 65%)
HSV
hsv(96, 15%, 70%)
LAB
lab(71.07% -10.59 11.93)
LCH
lch(71.07% 15.95 131.59)
OKLAB
oklab(0.7468 -0.0283 0.0308)
OKLCH
oklch(0.7468 0.0418 132.58)
XYZ
xyz(36.89, 42.29, 35.92)
CMYK
cmyk(9%, 0%, 15%, 30%)
CSS
color: #a3b398;
CSS variable
--color-a3b398: #a3b398;
SCSS
$color-a3b398: #a3b398;
Tailwind
yellow-300
Export
:root {
--#a3b398-1: #a3b398;
}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.