Preview
#9dc4b1
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.96:1
HEX
#9dc4b1
RGB
rgb(157, 196, 177)
RGBA
rgba(157, 196, 177, 1)
HSL
hsl(151, 25%, 69%)
HSV
hsv(151, 20%, 77%)
LAB
lab(75.96% -16.82 5.27)
LCH
lch(75.96% 17.63 162.6)
OKLAB
oklab(0.7866 -0.0477 0.0137)
OKLCH
oklch(0.7866 0.0496 163.98)
XYZ
xyz(41.58, 49.82, 49.01)
CMYK
cmyk(20%, 0%, 10%, 23%)
CSS
color: #9dc4b1;
CSS variable
--color-9dc4b1: #9dc4b1;
SCSS
$color-9dc4b1: #9dc4b1;
Tailwind
emerald-300
Export
:root {
--#9dc4b1-1: #9dc4b1;
}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.