Preview
#87ded0
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.39:1
HEX
#87ded0
RGB
rgb(135, 222, 208)
RGBA
rgba(135, 222, 208, 1)
HSL
hsl(170, 57%, 70%)
HSV
hsv(170, 39%, 87%)
LAB
lab(82.88% -29.46 -1.4)
LCH
lch(82.88% 29.49 182.72)
OKLAB
oklab(0.8416 -0.0868 -0.0042)
OKLCH
oklch(0.8416 0.0869 182.77)
XYZ
xyz(47.49, 61.94, 69.12)
CMYK
cmyk(39%, 0%, 6%, 13%)
CSS
color: #87ded0;
CSS variable
--color-87ded0: #87ded0;
SCSS
$color-87ded0: #87ded0;
Tailwind
teal-300
Export
:root {
--#87ded0-1: #87ded0;
}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.