Preview
#a3ea62
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.5:1
HEX
#a3ea62
RGB
rgb(163, 234, 98)
RGBA
rgba(163, 234, 98, 1)
HSL
hsl(91, 76%, 65%)
HSV
hsv(91, 58%, 92%)
LAB
lab(85.76% -44 57.88)
LCH
lch(85.76% 72.71 127.24)
OKLAB
oklab(0.8623 -0.1228 0.1352)
OKLCH
oklch(0.8623 0.1826 132.25)
XYZ
xyz(46.73, 67.51, 22.12)
CMYK
cmyk(30%, 0%, 58%, 8%)
CSS
color: #a3ea62;
CSS variable
--color-a3ea62: #a3ea62;
SCSS
$color-a3ea62: #a3ea62;
Tailwind
yellow-300
Export
:root {
--#a3ea62-1: #a3ea62;
}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.