#9AA3B8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Ashy blue with a heavy dose of gray, #9aa3b8 sits muted and mid-light on the scale. Its low saturation reads steady rather than loud, which suits fintech dashboards, healthcare portals, and civic design. Treat it as a supporting tone or UI background; black text on it clears contrast at about 8.3:1. It can wash out beside pure white, so ground it with warmer accents like burgundy.
Questions about #9aa3b8
What is #9aa3b8 in RGB, HSL and CMYK?
In RGB, #9aa3b8 is rgb(154, 163, 184), in HSL hsl(222, 17%, 66%) and in CMYK 16%, 11%, 0%, 28%.
What colors pair well with #9aa3b8?
Warm, saturated accents work best against #9aa3b8 because its muted blue-gray needs contrast in temperature, not just brightness. Try burgundy, terracotta, or charcoal for depth.
What does #9aa3b8 communicate in a design?
The grayed, mid-light quality of #9aa3b8 reads as reliable and composed, which is why similar shades show up in banking, healthcare, and government work. It stays understated, so it supports a brand rather than leading it.
Is #9aa3b8 readable on white or black?
#9aa3b8 has a 2.52:1 contrast ratio on white and 8.30: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.