Preview
#b8c5c1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.79:1
HEX
#b8c5c1
RGB
rgb(184, 197, 193)
RGBA
rgba(184, 197, 193, 1)
HSL
hsl(162, 10%, 75%)
HSV
hsv(162, 7%, 77%)
LAB
lab(78.45% -5.2 0.47)
LCH
lch(78.45% 5.22 174.84)
OKLAB
oklab(0.8122 -0.0153 0.0012)
OKLCH
oklch(0.8122 0.0153 175.52)
XYZ
xyz(49.36, 53.97, 58.26)
CMYK
cmyk(7%, 0%, 2%, 23%)
CSS
color: #b8c5c1;
CSS variable
--color-b8c5c1: #b8c5c1;
SCSS
$color-b8c5c1: #b8c5c1;
Tailwind
teal-200
Export
:root {
--#b8c5c1-1: #b8c5c1;
}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.