Preview
#aad5ee
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.46:1
HEX
#aad5ee
RGB
rgb(170, 213, 238)
RGBA
rgba(170, 213, 238, 1)
HSL
hsl(202, 67%, 80%)
HSV
hsv(202, 29%, 93%)
LAB
lab(83.08% -8.38 -16.85)
LCH
lch(83.08% 18.82 243.56)
OKLAB
oklab(0.8507 -0.0337 -0.046)
OKLCH
oklch(0.8507 0.057 233.77)
XYZ
xyz(55.80, 62.31, 89.96)
CMYK
cmyk(29%, 11%, 0%, 7%)
CSS
color: #aad5ee;
CSS variable
--color-aad5ee: #aad5ee;
SCSS
$color-aad5ee: #aad5ee;
Tailwind
sky-200
Export
:root {
--#aad5ee-1: #aad5ee;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.