Preview
#bbe6d8
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.42:1
HEX
#bbe6d8
RGB
rgb(187, 230, 216)
RGBA
rgba(187, 230, 216, 1)
HSL
hsl(160, 46%, 82%)
HSV
hsv(160, 19%, 90%)
LAB
lab(88.02% -16.66 2.21)
LCH
lch(88.02% 16.81 172.44)
OKLAB
oklab(0.8906 -0.0483 0.0056)
OKLCH
oklch(0.8906 0.0486 173.39)
XYZ
xyz(61.18, 72.11, 75.65)
CMYK
cmyk(19%, 0%, 6%, 10%)
CSS
color: #bbe6d8;
CSS variable
--color-bbe6d8: #bbe6d8;
SCSS
$color-bbe6d8: #bbe6d8;
Tailwind
teal-100
Export
:root {
--#bbe6d8-1: #bbe6d8;
}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.