Preview
#a3d787
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.66:1 · vs black: 12.63:1
HEX
#a3d787
RGB
rgb(163, 215, 135)
RGBA
rgba(163, 215, 135, 1)
HSL
hsl(99, 50%, 69%)
HSV
hsv(99, 37%, 84%)
LAB
lab(80.81% -31.17 34.18)
LCH
lch(80.81% 46.26 132.36)
OKLAB
oklab(0.8237 -0.0852 0.0846)
OKLCH
oklch(0.8237 0.1201 135.2)
XYZ
xyz(43.78, 58.14, 31.83)
CMYK
cmyk(24%, 0%, 37%, 16%)
CSS
color: #a3d787;
CSS variable
--color-a3d787: #a3d787;
SCSS
$color-a3d787: #a3d787;
Tailwind
yellow-300
Export
:root {
--#a3d787-1: #a3d787;
}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.