Preview
#84a682
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.71:1 · vs black: 7.76:1
HEX
#84a682
RGB
rgb(132, 166, 130)
RGBA
rgba(132, 166, 130, 1)
HSL
hsl(117, 17%, 58%)
HSV
hsv(117, 22%, 65%)
LAB
lab(64.79% -18.84 14.9)
LCH
lch(64.79% 24.02 141.66)
OKLAB
oklab(0.6897 -0.0514 0.0382)
OKLCH
oklch(0.6897 0.064 143.38)
XYZ
xyz(27.18, 33.79, 26.20)
CMYK
cmyk(20%, 0%, 22%, 35%)
CSS
color: #84a682;
CSS variable
--color-84a682: #84a682;
SCSS
$color-84a682: #84a682;
Tailwind
lime-400
Export
:root {
--#84a682-1: #84a682;
}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.