Preview
#acd6de
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.43:1
HEX
#acd6de
RGB
rgb(172, 214, 222)
RGBA
rgba(172, 214, 222, 1)
HSL
hsl(190, 43%, 77%)
HSV
hsv(190, 23%, 87%)
LAB
lab(82.99% -11.93 -8.46)
LCH
lch(82.99% 14.63 215.34)
OKLAB
oklab(0.8488 -0.0391 -0.023)
OKLCH
oklch(0.8488 0.0454 210.47)
XYZ
xyz(54.24, 62.14, 78.23)
CMYK
cmyk(23%, 4%, 0%, 13%)
CSS
color: #acd6de;
CSS variable
--color-acd6de: #acd6de;
SCSS
$color-acd6de: #acd6de;
Tailwind
cyan-200
Export
:root {
--#acd6de-1: #acd6de;
}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.