Preview
#8ed4dd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.61:1
HEX
#8ed4dd
RGB
rgb(142, 212, 221)
RGBA
rgba(142, 212, 221, 1)
HSL
hsl(187, 54%, 71%)
HSV
hsv(187, 36%, 87%)
LAB
lab(80.77% -19.64 -11.41)
LCH
lch(80.77% 22.71 210.15)
OKLAB
oklab(0.8267 -0.0639 -0.0313)
OKLCH
oklch(0.8267 0.0712 206.1)
XYZ
xyz(47.75, 58.06, 77.08)
CMYK
cmyk(36%, 4%, 0%, 13%)
CSS
color: #8ed4dd;
CSS variable
--color-8ed4dd: #8ed4dd;
SCSS
$color-8ed4dd: #8ed4dd;
Tailwind
cyan-200
Export
:root {
--#8ed4dd-1: #8ed4dd;
}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.