Preview
#8ed8b8
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.66:1 · vs black: 12.66:1
HEX
#8ed8b8
RGB
rgb(142, 216, 184)
RGBA
rgba(142, 216, 184, 1)
HSL
hsl(154, 49%, 70%)
HSV
hsv(154, 34%, 85%)
LAB
lab(80.92% -29.9 8.54)
LCH
lch(80.92% 31.1 164.06)
OKLAB
oklab(0.8247 -0.0842 0.022)
OKLCH
oklch(0.8247 0.087 165.36)
XYZ
xyz(44.36, 58.32, 54.26)
CMYK
cmyk(34%, 0%, 15%, 15%)
CSS
color: #8ed8b8;
CSS variable
--color-8ed8b8: #8ed8b8;
SCSS
$color-8ed8b8: #8ed8b8;
Tailwind
emerald-300
Export
:root {
--#8ed8b8-1: #8ed8b8;
}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.