#9AA4C6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated indigo feels cool and restrained, making it an excellent choice for a neutral background in UI design. Because it sits comfortably between gray and blue, #9aa4c6 works well when paired with warm terracottas to balance its inherent coolness. The hex code #9aa4c6 provides sufficient contrast for readability, so it performs reliably for both small body text and larger structural elements.
Questions about #9aa4c6
What is #9aa4c6 in RGB, HSL and CMYK?
In RGB, #9aa4c6 is rgb(154, 164, 198), in HSL hsl(226, 28%, 69%) and in CMYK 22%, 17%, 0%, 22%.
Does #9aa4c6 read as a cool or warm color?
While #9aa4c6 contains hints of gray that pull it toward neutral territory, it remains fundamentally a cool-leaning indigo. This makes it a sophisticated choice when you need to stabilize a layout that feels too vibrant or over-saturated.
What colors work best with #9aa4c6 in a design palette?
Because #9aa4c6 is so restrained, it pairs naturally with warm earth tones like terracotta to create meaningful visual balance. You can also ground it with deep charcoal text for high-contrast, professional readability in your UI components.
Is #9aa4c6 readable on white or black?
#9aa4c6 has a 2.47:1 contrast ratio on white and 8.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.