Preview
#b9d8d4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.84:1
HEX
#b9d8d4
RGB
rgb(185, 216, 212)
RGBA
rgba(185, 216, 212, 1)
HSL
hsl(172, 28%, 79%)
HSV
hsv(172, 14%, 85%)
LAB
lab(84.06% -11.01 -1.48)
LCH
lch(84.06% 11.11 187.66)
OKLAB
oklab(0.8584 -0.0331 -0.0041)
OKLCH
oklch(0.8584 0.0334 187.06)
XYZ
xyz(56.44, 64.18, 71.69)
CMYK
cmyk(14%, 0%, 2%, 15%)
CSS
color: #b9d8d4;
CSS variable
--color-b9d8d4: #b9d8d4;
SCSS
$color-b9d8d4: #b9d8d4;
Tailwind
teal-200
Export
:root {
--#b9d8d4-1: #b9d8d4;
}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.