#9AA2CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty indigo brings a muted, atmospheric quality to UI backgrounds and textile-inspired branding. Its desaturated nature avoids the intensity of primary blues, making it a reliable choice for soft, meditative interfaces. Pair #9aa2cc with charcoal grays or deep navies to create professional contrast. Because black text maintains excellent readability against this hex code, it functions well for headers and body copy alike.
Questions about #9aa2cc
What is #9aa2cc in RGB, HSL and CMYK?
In RGB, #9aa2cc is rgb(154, 162, 204), in HSL hsl(230, 33%, 70%) and in CMYK 25%, 21%, 0%, 20%.
What makes #9aa2cc a good choice for interface design?
The desaturated quality of #9aa2cc reduces visual fatigue, making it highly effective for background surfaces in meditative or wellness apps. It pairs beautifully with charcoal text to maintain readability while keeping the overall palette soft and professional.
Which color combinations work best with #9aa2cc?
Because #9aa2cc sits in the cool blue-purple spectrum, it anchors well against high-contrast neutrals like charcoal or deep navy. You can also create sophisticated, monochromatic schemes by layering lighter tints of this same blue.
Is #9aa2cc readable on white or black?
#9aa2cc has a 2.49:1 contrast ratio on white and 8.41: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.