Preview
#84ad5c
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.59:1 · vs black: 8.11:1
HEX
#84ad5c
RGB
rgb(132, 173, 92)
RGBA
rgba(132, 173, 92, 1)
HSL
hsl(90, 33%, 52%)
HSV
hsv(90, 47%, 68%)
LAB
lab(66.19% -28.06 37.05)
LCH
lch(66.19% 46.48 127.14)
OKLAB
oklab(0.6988 -0.0776 0.0895)
OKLCH
oklch(0.6988 0.1185 130.93)
XYZ
xyz(26.39, 35.56, 15.60)
CMYK
cmyk(24%, 0%, 47%, 32%)
CSS
color: #84ad5c;
CSS variable
--color-84ad5c: #84ad5c;
SCSS
$color-84ad5c: #84ad5c;
Tailwind
yellow-400
Export
:root {
--#84ad5c-1: #84ad5c;
}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.