Preview
#8bc1bb
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.44:1
HEX
#8bc1bb
RGB
rgb(139, 193, 187)
RGBA
rgba(139, 193, 187, 1)
HSL
hsl(173, 30%, 65%)
HSV
hsv(173, 28%, 76%)
LAB
lab(74.33% -18.8 -2.65)
LCH
lch(74.33% 18.99 188.02)
OKLAB
oklab(0.7717 -0.0564 -0.0074)
OKLCH
oklch(0.7717 0.0569 187.47)
XYZ
xyz(38.68, 47.21, 54.08)
CMYK
cmyk(28%, 0%, 3%, 24%)
CSS
color: #8bc1bb;
CSS variable
--color-8bc1bb: #8bc1bb;
SCSS
$color-8bc1bb: #8bc1bb;
Tailwind
teal-300
Export
:root {
--#8bc1bb-1: #8bc1bb;
}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.