Preview
#9bbbb4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.16:1
HEX
#9bbbb4
RGB
rgb(155, 187, 180)
RGBA
rgba(155, 187, 180, 1)
HSL
hsl(167, 19%, 67%)
HSV
hsv(167, 17%, 73%)
LAB
lab(73.42% -12.22 -0.06)
LCH
lch(73.42% 12.22 180.28)
OKLAB
oklab(0.7663 -0.0361 -0.0003)
OKLCH
oklch(0.7663 0.0361 180.48)
XYZ
xyz(39.52, 45.80, 49.93)
CMYK
cmyk(17%, 0%, 4%, 27%)
CSS
color: #9bbbb4;
CSS variable
--color-9bbbb4: #9bbbb4;
SCSS
$color-9bbbb4: #9bbbb4;
Tailwind
teal-300
Export
:root {
--#9bbbb4-1: #9bbbb4;
}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.