Preview
#56d7d3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.06:1
HEX
#56d7d3
RGB
rgb(86, 215, 211)
RGBA
rgba(86, 215, 211, 1)
HSL
hsl(178, 62%, 59%)
HSV
hsv(178, 60%, 84%)
LAB
lab(79.2% -36 -8.62)
LCH
lch(79.2% 37.02 193.47)
OKLAB
oklab(0.8073 -0.1101 -0.024)
OKLCH
oklch(0.8073 0.1127 192.3)
XYZ
xyz(39.89, 55.28, 70.18)
CMYK
cmyk(60%, 0%, 2%, 16%)
CSS
color: #56d7d3;
CSS variable
--color-56d7d3: #56d7d3;
SCSS
$color-56d7d3: #56d7d3;
Tailwind
teal-400
Export
:root {
--#56d7d3-1: #56d7d3;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.