Preview
#bde5d7
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.35:1
HEX
#bde5d7
RGB
rgb(189, 229, 215)
RGBA
rgba(189, 229, 215, 1)
HSL
hsl(159, 43%, 82%)
HSV
hsv(159, 17%, 90%)
LAB
lab(87.85% -15.73 2.51)
LCH
lch(87.85% 15.93 170.93)
OKLAB
oklab(0.8895 -0.0454 0.0064)
OKLCH
oklch(0.8895 0.0458 171.98)
XYZ
xyz(61.27, 71.76, 74.90)
CMYK
cmyk(17%, 0%, 6%, 10%)
CSS
color: #bde5d7;
CSS variable
--color-bde5d7: #bde5d7;
SCSS
$color-bde5d7: #bde5d7;
Tailwind
emerald-100
Export
:root {
--#bde5d7-1: #bde5d7;
}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.