Preview
#80c1cb
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.41:1
HEX
#80c1cb
RGB
rgb(128, 193, 203)
RGBA
rgba(128, 193, 203, 1)
HSL
hsl(188, 42%, 65%)
HSV
hsv(188, 37%, 80%)
LAB
lab(74.21% -18.11 -11.58)
LCH
lch(74.21% 21.5 212.6)
OKLAB
oklab(0.7708 -0.0596 -0.0317)
OKLCH
oklch(0.7708 0.0675 208.01)
XYZ
xyz(38.75, 47.04, 63.53)
CMYK
cmyk(37%, 5%, 0%, 20%)
CSS
color: #80c1cb;
CSS variable
--color-80c1cb: #80c1cb;
SCSS
$color-80c1cb: #80c1cb;
Tailwind
cyan-300
Export
:root {
--#80c1cb-1: #80c1cb;
}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.