Preview
#b8c5c3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.81:1
HEX
#b8c5c3
RGB
rgb(184, 197, 195)
RGBA
rgba(184, 197, 195, 1)
HSL
hsl(171, 10%, 75%)
HSV
hsv(171, 7%, 77%)
LAB
lab(78.5% -4.82 -0.53)
LCH
lch(78.5% 4.85 186.27)
OKLAB
oklab(0.8128 -0.0145 -0.0015)
OKLCH
oklch(0.8128 0.0146 185.91)
XYZ
xyz(49.58, 54.06, 59.44)
CMYK
cmyk(7%, 0%, 1%, 23%)
CSS
color: #b8c5c3;
CSS variable
--color-b8c5c3: #b8c5c3;
SCSS
$color-b8c5c3: #b8c5c3;
Tailwind
teal-200
Export
:root {
--#b8c5c3-1: #b8c5c3;
}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.