#9EAEE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, dusty indigo, #9eaee2 brings a gentle, muted quality to modern UI designs. Its low saturation makes it a reliable base color that feels professional yet soft. Because it provides high contrast against black text, it works well for readable body copy. Pair it with soft, warm neutrals to balance its cool temperature, or use how to make pink to find complementary accents for a balanced palette.
Questions about #9eaee2
What is #9eaee2 in RGB, HSL and CMYK?
In RGB, #9eaee2 is rgb(158, 174, 226), in HSL hsl(226, 54%, 75%) and in CMYK 30%, 23%, 0%, 11%.
What makes #9eaee2 effective for user interface design?
This color acts as an excellent neutral blue because its low saturation prevents it from clashing with other elements on a screen. It works perfectly as a background shade that remains easy on the eyes during extended use.
Which colors pair well with #9eaee2 in a design system?
You can balance its cool temperature by pairing it with warm, earthy neutrals like sand or soft terracotta for contrast. If you prefer a monochromatic look, lean into darker navy tones to maintain depth and hierarchy.
Is #9eaee2 readable on white or black?
#9eaee2 has a 2.18:1 contrast ratio on white and 9.60: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.