Preview
#8ac198
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.16:1
HEX
#8ac198
RGB
rgb(138, 193, 152)
RGBA
rgba(138, 193, 152, 1)
HSL
hsl(135, 31%, 65%)
HSV
hsv(135, 28%, 76%)
LAB
lab(73.42% -26.32 15.01)
LCH
lch(73.42% 30.3 150.3)
OKLAB
oklab(0.7614 -0.0725 0.0385)
OKLCH
oklch(0.7614 0.0821 152.03)
XYZ
xyz(35.22, 45.81, 36.69)
CMYK
cmyk(28%, 0%, 21%, 24%)
CSS
color: #8ac198;
CSS variable
--color-8ac198: #8ac198;
SCSS
$color-8ac198: #8ac198;
Tailwind
green-300
Export
:root {
--#8ac198-1: #8ac198;
}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.