Preview
#bbc7c2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.06:1
HEX
#bbc7c2
RGB
rgb(187, 199, 194)
RGBA
rgba(187, 199, 194, 1)
HSL
hsl(155, 10%, 76%)
HSV
hsv(155, 6%, 78%)
LAB
lab(79.22% -5.04 1.08)
LCH
lch(79.22% 5.15 167.91)
OKLAB
oklab(0.819 -0.0146 0.0028)
OKLCH
oklch(0.819 0.0149 169.14)
XYZ
xyz(50.65, 55.31, 59.04)
CMYK
cmyk(6%, 0%, 3%, 22%)
CSS
color: #bbc7c2;
CSS variable
--color-bbc7c2: #bbc7c2;
SCSS
$color-bbc7c2: #bbc7c2;
Tailwind
emerald-200
Export
:root {
--#bbc7c2-1: #bbc7c2;
}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.