Preview
#8bc199
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.19:1
HEX
#8bc199
RGB
rgb(139, 193, 153)
RGBA
rgba(139, 193, 153, 1)
HSL
hsl(136, 30%, 65%)
HSV
hsv(136, 28%, 76%)
LAB
lab(73.5% -25.81 14.58)
LCH
lch(73.5% 29.64 150.54)
OKLAB
oklab(0.7623 -0.0711 0.0374)
OKLCH
oklch(0.7623 0.0803 152.25)
XYZ
xyz(35.47, 45.93, 37.13)
CMYK
cmyk(28%, 0%, 21%, 24%)
CSS
color: #8bc199;
CSS variable
--color-8bc199: #8bc199;
SCSS
$color-8bc199: #8bc199;
Tailwind
green-300
Export
:root {
--#8bc199-1: #8bc199;
}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.