Preview
#bac6c4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.96:1
HEX
#bac6c4
RGB
rgb(186, 198, 196)
RGBA
rgba(186, 198, 196, 1)
HSL
hsl(170, 10%, 75%)
HSV
hsv(170, 6%, 78%)
LAB
lab(78.93% -4.48 -0.42)
LCH
lch(78.93% 4.5 185.36)
OKLAB
oklab(0.8167 -0.0134 -0.0012)
OKLCH
oklch(0.8167 0.0135 185.12)
XYZ
xyz(50.41, 54.81, 60.14)
CMYK
cmyk(6%, 0%, 1%, 22%)
CSS
color: #bac6c4;
CSS variable
--color-bac6c4: #bac6c4;
SCSS
$color-bac6c4: #bac6c4;
Tailwind
teal-200
Export
:root {
--#bac6c4-1: #bac6c4;
}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.