Preview
#b7c6c0
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.85:1
HEX
#b7c6c0
RGB
rgb(183, 198, 192)
RGBA
rgba(183, 198, 192, 1)
HSL
hsl(156, 12%, 75%)
HSV
hsv(156, 8%, 78%)
LAB
lab(78.61% -6.26 1.24)
LCH
lch(78.61% 6.38 168.8)
OKLAB
oklab(0.8133 -0.0181 0.0032)
OKLCH
oklch(0.8133 0.0184 169.97)
XYZ
xyz(49.23, 54.26, 57.74)
CMYK
cmyk(8%, 0%, 3%, 22%)
CSS
color: #b7c6c0;
CSS variable
--color-b7c6c0: #b7c6c0;
SCSS
$color-b7c6c0: #b7c6c0;
Tailwind
emerald-200
Export
:root {
--#b7c6c0-1: #b7c6c0;
}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.