Preview
#aadae6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.88:1
HEX
#aadae6
RGB
rgb(170, 218, 230)
RGBA
rgba(170, 218, 230, 1)
HSL
hsl(192, 55%, 78%)
HSV
hsv(192, 26%, 90%)
LAB
lab(84.17% -12.8 -10.96)
LCH
lch(84.17% 16.85 220.57)
OKLAB
oklab(0.8586 -0.0431 -0.0298)
OKLCH
oklch(0.8586 0.0524 214.66)
XYZ
xyz(55.93, 64.40, 84.33)
CMYK
cmyk(26%, 5%, 0%, 10%)
CSS
color: #aadae6;
CSS variable
--color-aadae6: #aadae6;
SCSS
$color-aadae6: #aadae6;
Tailwind
cyan-200
Export
:root {
--#aadae6-1: #aadae6;
}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.