Preview
#b7e1d2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.71:1
HEX
#b7e1d2
RGB
rgb(183, 225, 210)
RGBA
rgba(183, 225, 210, 1)
HSL
hsl(159, 41%, 80%)
HSV
hsv(159, 19%, 88%)
LAB
lab(86.29% -16.6 2.82)
LCH
lch(86.29% 16.84 170.36)
OKLAB
oklab(0.8757 -0.0479 0.0072)
OKLCH
oklch(0.8757 0.0484 171.45)
XYZ
xyz(58.08, 68.57, 71.14)
CMYK
cmyk(19%, 0%, 7%, 12%)
CSS
color: #b7e1d2;
CSS variable
--color-b7e1d2: #b7e1d2;
SCSS
$color-b7e1d2: #b7e1d2;
Tailwind
emerald-200
Export
:root {
--#b7e1d2-1: #b7e1d2;
}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.