Preview
#9cbcb9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.04:1 · vs black: 10.31:1
HEX
#9cbcb9
RGB
rgb(156, 188, 185)
RGBA
rgba(156, 188, 185, 1)
HSL
hsl(174, 19%, 67%)
HSV
hsv(174, 17%, 74%)
LAB
lab(73.89% -11.38 -2.08)
LCH
lch(73.89% 11.57 190.36)
OKLAB
oklab(0.7707 -0.0344 -0.0057)
OKLCH
oklch(0.7707 0.0349 189.41)
XYZ
xyz(40.45, 46.54, 52.74)
CMYK
cmyk(17%, 0%, 2%, 26%)
CSS
color: #9cbcb9;
CSS variable
--color-9cbcb9: #9cbcb9;
SCSS
$color-9cbcb9: #9cbcb9;
Tailwind
teal-300
Export
:root {
--#9cbcb9-1: #9cbcb9;
}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.