Preview
#b5d7cd
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.57:1
HEX
#b5d7cd
RGB
rgb(181, 215, 205)
RGBA
rgba(181, 215, 205, 1)
HSL
hsl(162, 30%, 78%)
HSV
hsv(162, 16%, 84%)
LAB
lab(83.35% -13.18 1.18)
LCH
lch(83.35% 13.23 174.88)
OKLAB
oklab(0.8516 -0.0384 0.0029)
OKLCH
oklch(0.8516 0.0385 175.68)
XYZ
xyz(54.37, 62.83, 67.01)
CMYK
cmyk(16%, 0%, 5%, 16%)
CSS
color: #b5d7cd;
CSS variable
--color-b5d7cd: #b5d7cd;
SCSS
$color-b5d7cd: #b5d7cd;
Tailwind
teal-200
Export
:root {
--#b5d7cd-1: #b5d7cd;
}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.