Preview
#a3ff99
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.32:1
HEX
#a3ff99
RGB
rgb(163, 255, 153)
RGBA
rgba(163, 255, 153, 1)
HSL
hsl(114, 100%, 80%)
HSV
hsv(114, 40%, 100%)
LAB
lab(92.4% -46.55 40.28)
LCH
lch(92.4% 61.56 139.13)
OKLAB
oklab(0.9184 -0.127 0.0993)
OKLCH
oklch(0.9184 0.1612 141.98)
XYZ
xyz(56.61, 81.60, 42.90)
CMYK
cmyk(36%, 0%, 40%, 0%)
CSS
color: #a3ff99;
CSS variable
--color-a3ff99: #a3ff99;
SCSS
$color-a3ff99: #a3ff99;
Tailwind
lime-200
Export
:root {
--#a3ff99-1: #a3ff99;
}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.