Preview
#8bc99b
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.93:1
HEX
#8bc99b
RGB
rgb(139, 201, 155)
RGBA
rgba(139, 201, 155, 1)
HSL
hsl(135, 36%, 67%)
HSV
hsv(135, 31%, 79%)
LAB
lab(75.84% -29.31 16.78)
LCH
lch(75.84% 33.77 150.21)
OKLAB
oklab(0.7813 -0.0806 0.043)
OKLCH
oklch(0.7813 0.0914 151.92)
XYZ
xyz(37.45, 49.63, 38.61)
CMYK
cmyk(31%, 0%, 23%, 21%)
CSS
color: #8bc99b;
CSS variable
--color-8bc99b: #8bc99b;
SCSS
$color-8bc99b: #8bc99b;
Tailwind
green-300
Export
:root {
--#8bc99b-1: #8bc99b;
}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.