Preview
#8bd5a8
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.18:1
HEX
#8bd5a8
RGB
rgb(139, 213, 168)
RGBA
rgba(139, 213, 168, 1)
HSL
hsl(144, 47%, 69%)
HSV
hsv(144, 35%, 84%)
LAB
lab(79.56% -32.55 15.08)
LCH
lch(79.56% 35.87 155.14)
OKLAB
oklab(0.8121 -0.09 0.0387)
OKLCH
oklch(0.8121 0.098 156.73)
XYZ
xyz(41.51, 55.90, 45.64)
CMYK
cmyk(35%, 0%, 21%, 16%)
CSS
color: #8bd5a8;
CSS variable
--color-8bd5a8: #8bd5a8;
SCSS
$color-8bd5a8: #8bd5a8;
Tailwind
emerald-300
Export
:root {
--#8bd5a8-1: #8bd5a8;
}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.