Preview
#bacecb
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.78:1
HEX
#bacecb
RGB
rgb(186, 206, 203)
RGBA
rgba(186, 206, 203, 1)
HSL
hsl(171, 17%, 77%)
HSV
hsv(171, 10%, 81%)
LAB
lab(81.23% -7.31 -0.81)
LCH
lch(81.23% 7.35 186.32)
OKLAB
oklab(0.8355 -0.0219 -0.0023)
OKLCH
oklch(0.8355 0.022 186)
XYZ
xyz(53.10, 58.89, 65.06)
CMYK
cmyk(10%, 0%, 1%, 19%)
CSS
color: #bacecb;
CSS variable
--color-bacecb: #bacecb;
SCSS
$color-bacecb: #bacecb;
Tailwind
teal-200
Export
:root {
--#bacecb-1: #bacecb;
}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.