Preview
#b8e3de
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.08:1
HEX
#b8e3de
RGB
rgb(184, 227, 222)
RGBA
rgba(184, 227, 222, 1)
HSL
hsl(173, 43%, 81%)
HSV
hsv(173, 19%, 89%)
LAB
lab(87.19% -14.89 -2.17)
LCH
lch(87.19% 15.05 188.29)
OKLAB
oklab(0.884 -0.0448 -0.006)
OKLCH
oklch(0.884 0.0452 187.63)
XYZ
xyz(60.42, 70.40, 79.50)
CMYK
cmyk(19%, 0%, 2%, 11%)
CSS
color: #b8e3de;
CSS variable
--color-b8e3de: #b8e3de;
SCSS
$color-b8e3de: #b8e3de;
Tailwind
teal-100
Export
:root {
--#b8e3de-1: #b8e3de;
}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.