Preview
#bbddd2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.39:1
HEX
#bbddd2
RGB
rgb(187, 221, 210)
RGBA
rgba(187, 221, 210, 1)
HSL
hsl(161, 33%, 80%)
HSV
hsv(161, 15%, 87%)
LAB
lab(85.47% -13.31 1.66)
LCH
lch(85.47% 13.41 172.89)
OKLAB
oklab(0.8698 -0.0387 0.0042)
OKLCH
oklch(0.8698 0.0389 173.81)
XYZ
xyz(57.98, 66.93, 70.82)
CMYK
cmyk(15%, 0%, 5%, 13%)
CSS
color: #bbddd2;
CSS variable
--color-bbddd2: #bbddd2;
SCSS
$color-bbddd2: #bbddd2;
Tailwind
teal-200
Export
:root {
--#bbddd2-1: #bbddd2;
}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.