Preview
#aadfe6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.41:1
HEX
#aadfe6
RGB
rgb(170, 223, 230)
RGBA
rgba(170, 223, 230, 1)
HSL
hsl(187, 55%, 78%)
HSV
hsv(187, 26%, 90%)
LAB
lab(85.52% -15.34 -8.95)
LCH
lch(85.52% 17.76 210.26)
OKLAB
oklab(0.8693 -0.0495 -0.0244)
OKLCH
oklch(0.8693 0.0552 206.24)
XYZ
xyz(57.24, 67.03, 84.77)
CMYK
cmyk(26%, 3%, 0%, 10%)
CSS
color: #aadfe6;
CSS variable
--color-aadfe6: #aadfe6;
SCSS
$color-aadfe6: #aadfe6;
Tailwind
cyan-200
Export
:root {
--#aadfe6-1: #aadfe6;
}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.