Preview
#a5d477
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.28:1
HEX
#a5d477
RGB
rgb(165, 212, 119)
RGBA
rgba(165, 212, 119, 1)
HSL
hsl(90, 52%, 65%)
HSV
hsv(90, 44%, 83%)
LAB
lab(79.85% -31.14 41.01)
LCH
lch(79.85% 51.49 127.21)
OKLAB
oklab(0.8155 -0.0858 0.0997)
OKLCH
oklch(0.8155 0.1315 130.71)
XYZ
xyz(42.39, 56.42, 26.11)
CMYK
cmyk(22%, 0%, 44%, 17%)
CSS
color: #a5d477;
CSS variable
--color-a5d477: #a5d477;
SCSS
$color-a5d477: #a5d477;
Tailwind
yellow-300
Export
:root {
--#a5d477-1: #a5d477;
}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.