Preview
#9dced4
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.21:1
HEX
#9dced4
RGB
rgb(157, 206, 212)
RGBA
rgba(157, 206, 212, 1)
HSL
hsl(187, 39%, 72%)
HSV
hsv(187, 26%, 83%)
LAB
lab(79.65% -14.51 -8.17)
LCH
lch(79.65% 16.65 209.38)
OKLAB
oklab(0.819 -0.0466 -0.0223)
OKLCH
oklch(0.819 0.0517 205.57)
XYZ
xyz(47.86, 56.06, 70.57)
CMYK
cmyk(26%, 3%, 0%, 17%)
CSS
color: #9dced4;
CSS variable
--color-9dced4: #9dced4;
SCSS
$color-9dced4: #9dced4;
Tailwind
cyan-200
Export
:root {
--#9dced4-1: #9dced4;
}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.