Preview
#dbebe9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.07:1
HEX
#dbebe9
RGB
rgb(219, 235, 233)
RGBA
rgba(219, 235, 233, 1)
HSL
hsl(173, 29%, 89%)
HSV
hsv(173, 7%, 92%)
LAB
lab(91.85% -5.65 -0.85)
LCH
lch(91.85% 5.71 188.56)
OKLAB
oklab(0.9276 -0.017 -0.0024)
OKLCH
oklch(0.9276 0.0172 188.04)
XYZ
xyz(73.63, 80.36, 88.71)
CMYK
cmyk(7%, 0%, 1%, 8%)
CSS
color: #dbebe9;
CSS variable
--color-dbebe9: #dbebe9;
SCSS
$color-dbebe9: #dbebe9;
Tailwind
teal-100
Export
:root {
--#dbebe9-1: #dbebe9;
}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.