Preview
#9bdcbc
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.36:1
HEX
#9bdcbc
RGB
rgb(155, 220, 188)
RGBA
rgba(155, 220, 188, 1)
HSL
hsl(150, 48%, 74%)
HSV
hsv(150, 30%, 86%)
LAB
lab(82.8% -27.17 9.2)
LCH
lch(82.8% 28.69 161.29)
OKLAB
oklab(0.8419 -0.0763 0.0237)
OKLCH
oklch(0.8419 0.0799 162.74)
XYZ
xyz(48.18, 61.78, 56.95)
CMYK
cmyk(30%, 0%, 15%, 14%)
CSS
color: #9bdcbc;
CSS variable
--color-9bdcbc: #9bdcbc;
SCSS
$color-9bdcbc: #9bdcbc;
Tailwind
emerald-200
Export
:root {
--#9bdcbc-1: #9bdcbc;
}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.