#AABFFF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #aabfff graphic
This pale, cool-toned blue offers a clean, airy aesthetic perfect for UI backgrounds. Because of its low saturation, it provides strong contrast for black body text while maintaining a soft, youthful appearance. The hex code for this color is #aabfff. Use it alongside deep charcoal or navy to add visual weight, as it can look washed out if paired only with light neutrals.

Questions about #aabfff

What is #aabfff in RGB, HSL and CMYK?
In RGB, #aabfff is rgb(170, 191, 255), in HSL hsl(225, 100%, 83%) and in CMYK 33%, 25%, 0%, 0%.
How should I pair #aabfff in a professional interface?
Use #aabfff as a background color paired with deep charcoal or dark navy text to create high-legibility contrast. Because this shade is soft and low-saturation, it can easily wash out if placed next to light grays or whites.
Is #aabfff readable on white or black?
#aabfff has a 1.80:1 contrast ratio on white and 11.60: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.