#9AA4E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool indigo carries a soft, washed-out quality that feels gentle and structured. Because it provides excellent contrast with black text, #9aa4e2 functions well as a readable UI background. Pair it with deep charcoal or warm, dusty oranges to ground its airy composition. As a desaturated tone, the hex code #9aa4e2 works best in supporting roles rather than as a dominant, overwhelming base.
Questions about #9aa4e2
What is #9aa4e2 in RGB, HSL and CMYK?
In RGB, #9aa4e2 is rgb(154, 164, 226), in HSL hsl(232, 55%, 75%) and in CMYK 32%, 27%, 0%, 11%.
What design elements pair best with #9aa4e2?
Because #9aa4e2 is a desaturated, cool-toned indigo, it works best when anchored by neutral or contrasting elements. Pairing it with charcoal creates a sophisticated, modern contrast, while adding warm, dusty oranges helps ground the airy quality of the color.
Is #9aa4e2 readable on white or black?
#9aa4e2 has a 2.39:1 contrast ratio on white and 8.78: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.