Preview
#9cc3bf
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 10.97:1
HEX
#9cc3bf
RGB
rgb(156, 195, 191)
RGBA
rgba(156, 195, 191, 1)
HSL
hsl(174, 25%, 69%)
HSV
hsv(174, 20%, 76%)
LAB
lab(75.98% -13.75 -2.28)
LCH
lch(75.98% 13.94 189.42)
OKLAB
oklab(0.7878 -0.0415 -0.0063)
OKLCH
oklch(0.7878 0.042 188.63)
XYZ
xyz(42.63, 49.86, 56.66)
CMYK
cmyk(20%, 0%, 2%, 24%)
CSS
color: #9cc3bf;
CSS variable
--color-9cc3bf: #9cc3bf;
SCSS
$color-9cc3bf: #9cc3bf;
Tailwind
teal-300
Export
:root {
--#9cc3bf-1: #9cc3bf;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.