Preview
#9ec9b6
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.83:1 · vs black: 11.48:1
HEX
#9ec9b6
RGB
rgb(158, 201, 182)
RGBA
rgba(158, 201, 182, 1)
HSL
hsl(153, 28%, 70%)
HSV
hsv(153, 21%, 79%)
LAB
lab(77.53% -18.04 4.85)
LCH
lch(77.53% 18.68 164.95)
OKLAB
oklab(0.7997 -0.0513 0.0125)
OKLCH
oklch(0.7997 0.0528 166.31)
XYZ
xyz(43.43, 52.42, 52.08)
CMYK
cmyk(21%, 0%, 9%, 21%)
CSS
color: #9ec9b6;
CSS variable
--color-9ec9b6: #9ec9b6;
SCSS
$color-9ec9b6: #9ec9b6;
Tailwind
emerald-300
Export
:root {
--#9ec9b6-1: #9ec9b6;
}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.