Preview
#9ed5dd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.02:1
HEX
#9ed5dd
RGB
rgb(158, 213, 221)
RGBA
rgba(158, 213, 221, 1)
HSL
hsl(188, 48%, 74%)
HSV
hsv(188, 29%, 87%)
LAB
lab(81.88% -15.75 -9.66)
LCH
lch(81.88% 18.48 211.52)
OKLAB
oklab(0.8378 -0.0511 -0.0264)
OKLCH
oklch(0.8378 0.0575 207.32)
XYZ
xyz(50.94, 60.08, 77.30)
CMYK
cmyk(29%, 4%, 0%, 13%)
CSS
color: #9ed5dd;
CSS variable
--color-9ed5dd: #9ed5dd;
SCSS
$color-9ed5dd: #9ed5dd;
Tailwind
cyan-200
Export
:root {
--#9ed5dd-1: #9ed5dd;
}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.