Preview
#aae1ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.92:1
HEX
#aae1ff
RGB
rgb(170, 225, 255)
RGBA
rgba(170, 225, 255, 1)
HSL
hsl(201, 100%, 83%)
HSV
hsv(201, 33%, 100%)
LAB
lab(86.81% -10.56 -20.2)
LCH
lch(86.81% 22.79 242.4)
OKLAB
oklab(0.882 -0.0427 -0.0554)
OKLCH
oklch(0.882 0.0699 232.38)
XYZ
xyz(61.55, 69.61, 104.78)
CMYK
cmyk(33%, 12%, 0%, 0%)
CSS
color: #aae1ff;
CSS variable
--color-aae1ff: #aae1ff;
SCSS
$color-aae1ff: #aae1ff;
Tailwind
sky-100
Export
:root {
--#aae1ff-1: #aae1ff;
}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.