Preview
#80d5db
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.46:1
HEX
#80d5db
RGB
rgb(128, 213, 219)
RGBA
rgba(128, 213, 219, 1)
HSL
hsl(184, 56%, 68%)
HSV
hsv(184, 42%, 86%)
LAB
lab(80.34% -24.19 -11.04)
LCH
lch(80.34% 26.59 204.53)
OKLAB
oklab(0.8213 -0.0771 -0.0304)
OKLCH
oklch(0.8213 0.0829 201.52)
XYZ
xyz(45.48, 57.29, 75.67)
CMYK
cmyk(42%, 3%, 0%, 14%)
CSS
color: #80d5db;
CSS variable
--color-80d5db: #80d5db;
SCSS
$color-80d5db: #80d5db;
Tailwind
cyan-300
Export
:root {
--spectrum-#80d5db-1: #80d5db;
}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.