Preview
#87c5be
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.76:1
HEX
#87c5be
RGB
rgb(135, 197, 190)
RGBA
rgba(135, 197, 190, 1)
HSL
hsl(173, 35%, 65%)
HSV
hsv(173, 31%, 77%)
LAB
lab(75.33% -21.31 -2.84)
LCH
lch(75.33% 21.5 187.59)
OKLAB
oklab(0.7794 -0.0639 -0.0079)
OKLCH
oklch(0.7794 0.0644 187.05)
XYZ
xyz(39.25, 48.80, 56.06)
CMYK
cmyk(31%, 0%, 4%, 23%)
CSS
color: #87c5be;
CSS variable
--color-87c5be: #87c5be;
SCSS
$color-87c5be: #87c5be;
Tailwind
teal-300
Export
:root {
--#87c5be-1: #87c5be;
}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.