#AAF1FF Hex Color

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

Hex color #aaf1ff graphic
#aaf1ff is a pale, cool cyan with high lightness and soft saturation, giving layouts a gentle, youthful sense of space. Its airy character suits UI backgrounds, spring themes, baby products, and technology branding. Use it as a dominant base with dark navy or charcoal text; black text has about 16.7:1 contrast. The hex code is #aaf1ff.

Questions about #aaf1ff

What is #aaf1ff in RGB, HSL and CMYK?
In RGB, #aaf1ff is rgb(170, 241, 255), in HSL hsl(190, 100%, 83%) and in CMYK 33%, 5%, 0%, 0%.
Which colors pair well with #aaf1ff?
Dark navy, charcoal, and muted blue-gray pair well with #aaf1ff because they ground its pale cyan base and provide stronger visual definition. Use navy or charcoal for headings, icons, and body text when you want crisp, readable contrast.
Where does #aaf1ff work best in a design?
#aaf1ff works best as a light background, accent field, or secondary brand color in spring, wellness, baby, and technology interfaces. Pair it with darker text and stronger accent colors to keep the overall design grounded.
Is #aaf1ff readable on white or black?
#aaf1ff has a 1.25:1 contrast ratio on white and 16.73: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.