#AADAFA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very unsaturated, pale blue creates a clean, airy feel that works well in UI design. Because it sits at a high level of lightness, it serves best as a supporting background rather than a focal point. Use it to build gentle, trustworthy interfaces where readability is key, as high-contrast black text pairs perfectly with the hex code #aadafa.
Questions about #aadafa
What is #aadafa in RGB, HSL and CMYK?
In RGB, #aadafa is rgb(170, 218, 250), in HSL hsl(204, 89%, 82%) and in CMYK 32%, 13%, 0%, 2%. Browse more shades of blue with names and hex codes.
Where should I use #aadafa in my design?
#aadafa performs best as a supporting background color in clean, readable user interfaces. Because it is highly unsaturated, it allows dark text and vibrant call-to-action buttons to stand out without competing for visual attention.
Which colors pair well with #aadafa?
This pale blue pairs naturally with neutral tones like charcoal or deep slate for high-contrast, professional text. For a softer look, it creates a gentle, harmonious aesthetic when combined with muted greige or sandy neutrals.
Is #aadafa readable on white or black?
#aadafa has a 1.48:1 contrast ratio on white and 14.11: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.