Preview
#86e0a4
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.21:1
HEX
#86e0a4
RGB
rgb(134, 224, 164)
RGBA
rgba(134, 224, 164, 1)
HSL
hsl(140, 59%, 70%)
HSV
hsv(140, 40%, 88%)
LAB
lab(82.41% -39.79 21.11)
LCH
lch(82.41% 45.04 152.05)
OKLAB
oklab(0.8343 -0.1091 0.0537)
OKLCH
oklch(0.8343 0.1216 153.79)
XYZ
xyz(43.19, 61.06, 44.62)
CMYK
cmyk(40%, 0%, 27%, 12%)
CSS
color: #86e0a4;
CSS variable
--color-86e0a4: #86e0a4;
SCSS
$color-86e0a4: #86e0a4;
Tailwind
emerald-300
Export
:root {
--#86e0a4-1: #86e0a4;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.