#9AAFDE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, dusty blue carries a cool, ashy undertone that reads professional yet gentle. Because it is highly legible against black text, #9aafde works well as a background for clean UI interfaces or financial dashboards. It feels muted and composed rather than bright, making it an excellent base color when you need to establish trust without overwhelming the design.
Questions about #9aafde
What is #9aafde in RGB, HSL and CMYK?
In RGB, #9aafde is rgb(154, 175, 222), in HSL hsl(221, 51%, 74%) and in CMYK 31%, 21%, 0%, 13%.
What colors pair well with #9aafde in a design palette?
#9aafde works beautifully when grounded by deep charcoal or slate gray text to maintain professional legibility. For a softer look, pair it with creamy off-whites or use a muted terracotta as a complementary accent to create a balanced, modern visual contrast.
Does #9aafde read as a warm or cool color?
#9aafde is distinctly cool, carrying ashy, gray-leaning undertones that pull it away from primary blue. Its lack of saturation makes it feel composed and detached rather than energetic, helping it recede into the background of a digital interface.
Is #9aafde readable on white or black?
#9aafde has a 2.19:1 contrast ratio on white and 9.56: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.