Preview
#5bd2ae
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.27:1
HEX
#5bd2ae
RGB
rgb(91, 210, 174)
RGBA
rgba(91, 210, 174, 1)
HSL
hsl(162, 57%, 59%)
HSV
hsv(162, 57%, 82%)
LAB
lab(76.9% -42.07 7.85)
LCH
lch(76.9% 42.8 169.43)
OKLAB
oklab(0.7858 -0.1184 0.0201)
OKLCH
oklch(0.7858 0.1201 170.37)
XYZ
xyz(35.00, 51.37, 48.11)
CMYK
cmyk(57%, 0%, 17%, 18%)
CSS
color: #5bd2ae;
CSS variable
--color-5bd2ae: #5bd2ae;
SCSS
$color-5bd2ae: #5bd2ae;
Tailwind
teal-400
Export
:root {
--spectrum-#5bd2ae-1: #5bd2ae;
}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.