#9AAAF9 Hex Color

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

Hex color #9aaaf9 graphic
Light and cool with blue-violet undertones, #9aaaf9 has a pastel clarity that feels fresh, youthful, and slightly opalescent. Its glowing character suits spring branding, meditation graphics, baby products, and creative interfaces. Use it as a dominant background with dark navy or charcoal text; the hex code supports accessible body text with black at about 9.5:1 contrast.

Questions about #9aaaf9

What is #9aaaf9 in RGB, HSL and CMYK?
In RGB, #9aaaf9 is rgb(154, 170, 249), in HSL hsl(230, 89%, 79%) and in CMYK 38%, 32%, 0%, 2%.
What colors pair well with #9aaaf9?
Navy, charcoal, and muted mauve pair well with #9aaaf9, balancing its pale blue-violet glow with deeper or warmer contrast while giving designers options for crisp, readable layouts or a softer, more expressive palette.
Where can I use #9aaaf9?
#9aaaf9 works well for calm interfaces, meditation graphics, spring branding, and baby-product designs because its light, cool blue-violet tone feels fresh, gentle, and youthful without the intensity of a saturated blue.
Is #9aaaf9 readable on white or black?
#9aaaf9 has a 2.21:1 contrast ratio on white and 9.49: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.