Preview
#aaccff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.79:1
HEX
#aaccff
RGB
rgb(170, 204, 255)
RGBA
rgba(170, 204, 255, 1)
HSL
hsl(216, 100%, 83%)
HSV
hsv(216, 33%, 100%)
LAB
lab(81.26% 0.46 -28.64)
LCH
lch(81.26% 28.64 270.92)
OKLAB
oklab(0.8383 -0.0163 -0.079)
OKLCH
oklch(0.8383 0.0807 258.34)
XYZ
xyz(56.22, 58.95, 103.00)
CMYK
cmyk(33%, 20%, 0%, 0%)
CSS
color: #aaccff;
CSS variable
--color-aaccff: #aaccff;
SCSS
$color-aaccff: #aaccff;
Tailwind
sky-100
Export
:root {
--#aaccff-1: #aaccff;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.