Preview
#8affa9
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.96:1
HEX
#8affa9
RGB
rgb(138, 255, 169)
RGBA
rgba(138, 255, 169, 1)
HSL
hsl(136, 100%, 77%)
HSV
hsv(136, 46%, 100%)
LAB
lab(91.59% -51.17 31.08)
LCH
lch(91.59% 59.87 148.73)
OKLAB
oklab(0.9097 -0.1393 0.078)
OKLCH
oklch(0.9097 0.1597 150.75)
XYZ
xyz(53.40, 79.78, 50.11)
CMYK
cmyk(46%, 0%, 34%, 0%)
CSS
color: #8affa9;
CSS variable
--color-8affa9: #8affa9;
SCSS
$color-8affa9: #8affa9;
Tailwind
green-200
Export
:root {
--#8affa9-1: #8affa9;
}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.