#9AA3AD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
An ashy, dusty blue with strong grey undertones, #9aa3ad projects stability and restraint. It functions best as a supporting mid-tone or a desaturated background for corporate or security-focused UI. Avoid using it alongside stark white, which can make this color appear washed out. Pair it with charcoal or deep navy for a grounded, professional palette. The hex code for this color is #9aa3ad.
Questions about #9aa3ad
What is #9aa3ad in RGB, HSL and CMYK?
In RGB, #9aa3ad is rgb(154, 163, 173), in HSL hsl(212, 10%, 64%) and in CMYK 11%, 6%, 0%, 32%.
What is the best way to use #9aa3ad in a professional UI?
Use #9aa3ad as a structural background or secondary accent where you need to project reliability without the harshness of darker tones. It balances perfectly when paired with charcoal text, creating a grounded, approachable interface that avoids the starkness of black and white.
Does #9aa3ad read as warm or cool?
This color leans distinctly cool due to its strong grey and blue base, which keeps it feeling clinical and calm. Because of this, it can feel chilly or washed out if placed directly against bright, stark white highlights in your layout.
Is #9aa3ad readable on white or black?
#9aa3ad has a 2.55:1 contrast ratio on white and 8.21: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.