Preview
#b8cfc6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.78:1
HEX
#b8cfc6
RGB
rgb(184, 207, 198)
RGBA
rgba(184, 207, 198, 1)
HSL
hsl(157, 19%, 77%)
HSV
hsv(157, 11%, 81%)
LAB
lab(81.23% -9.46 1.85)
LCH
lch(81.23% 9.64 168.93)
OKLAB
oklab(0.8347 -0.0273 0.0047)
OKLCH
oklch(0.8347 0.0277 170.23)
XYZ
xyz(52.27, 58.89, 62.03)
CMYK
cmyk(11%, 0%, 4%, 19%)
CSS
color: #b8cfc6;
CSS variable
--color-b8cfc6: #b8cfc6;
SCSS
$color-b8cfc6: #b8cfc6;
Tailwind
emerald-200
Export
:root {
--#b8cfc6-1: #b8cfc6;
}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.