Preview
#aade76
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.42:1
HEX
#aade76
RGB
rgb(170, 222, 118)
RGBA
rgba(170, 222, 118, 1)
HSL
hsl(90, 61%, 67%)
HSV
hsv(90, 47%, 87%)
LAB
lab(82.96% -34.1 45.44)
LCH
lch(82.96% 56.81 126.89)
OKLAB
oklab(0.8413 -0.0943 0.1095)
OKLCH
oklch(0.8413 0.1445 130.73)
XYZ
xyz(45.97, 62.10, 26.70)
CMYK
cmyk(23%, 0%, 47%, 13%)
CSS
color: #aade76;
CSS variable
--color-aade76: #aade76;
SCSS
$color-aade76: #aade76;
Tailwind
yellow-300
Export
:root {
--#aade76-1: #aade76;
}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.