#A2AAC0 Hex Color
A dusty blue with sophisticated grey undertones
This dusty, ashy blue carries a muted, desaturated tone that feels professional and secure. Its heavy grey undertones make it an excellent supporting color for UI backgrounds, where it offers a grounded alternative to brighter blues. Because black text maintains high contrast against it, #a2aac0 works well for interface design. Pair this hex code with crisp whites or deep charcoals to prevent it from looking washed out.
Questions about #a2aac0
What is #a2aac0 in RGB, HSL and CMYK?
In RGB, #a2aac0 is rgb(162, 170, 192), in HSL hsl(224, 19%, 69%) and in CMYK 16%, 11%, 0%, 25%.
What colors pair well with #a2aac0 in UI design?
#a2aac0 creates a stable, professional foundation that looks best when paired with high-contrast neutrals. Use a deep charcoal for text to maintain readability, or balance the cool, muted tones with a crisp, stark white to prevent the design from feeling too washed out or dull.
Is #a2aac0 readable on white or black?
#a2aac0 has a 2.32:1 contrast ratio on white and 9.04: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.