#AABDF8 Hex Color

Light and airy unsaturated periwinkle blue

Hex color #aabdf8 graphic
This unsaturated periwinkle sits in the cool spectrum with a light, airy quality. Because it remains highly readable with black text, #aabdf8 works well as a gentle UI background for technology or healthcare dashboards. It pairs cleanly with darker navy tones to add depth. Avoid using it as a primary button color, as it can appear washed out against white backgrounds.

Questions about #aabdf8

What is #aabdf8 in RGB, HSL and CMYK?
In RGB, #aabdf8 is rgb(170, 189, 248), in HSL hsl(225, 85%, 82%) and in CMYK 31%, 24%, 0%, 3%.
How does #aabdf8 perform in user interface design?
#aabdf8 functions best as a soft, neutral background color rather than a primary action button, as its lightness can make it appear washed out against white. It remains highly readable when paired with black or dark grey typography.
What colors pair effectively with #aabdf8?
This unsaturated periwinkle pairs cleanly with dark navy tones to add necessary visual depth and contrast. Using it alongside darker, cooler blues helps anchor the airy quality of the color without overwhelming the layout.
Is #aabdf8 readable on white or black?
#aabdf8 has a 1.85:1 contrast ratio on white and 11.34:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.