Preview
#bcdccf
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.28:1
HEX
#bcdccf
RGB
rgb(188, 220, 207)
RGBA
rgba(188, 220, 207, 1)
HSL
hsl(156, 31%, 80%)
HSV
hsv(156, 15%, 86%)
LAB
lab(85.19% -13.07 2.85)
LCH
lch(85.19% 13.38 167.7)
OKLAB
oklab(0.8675 -0.0376 0.0073)
OKLCH
oklch(0.8675 0.0383 169.01)
XYZ
xyz(57.59, 66.38, 68.80)
CMYK
cmyk(15%, 0%, 6%, 14%)
CSS
color: #bcdccf;
CSS variable
--color-bcdccf: #bcdccf;
SCSS
$color-bcdccf: #bcdccf;
Tailwind
emerald-200
Export
:root {
--#bcdccf-1: #bcdccf;
}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.