#9AB1E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels cool and professional, making it an excellent choice for corporate UI backgrounds. Because black text maintains high contrast on this surface, it works well for readable interfaces. Avoid placing it next to pure white, which can wash the color out. For a softer, springtime palette, consider using it alongside other shades of pink. The hex code for this color is #9ab1e2.
Questions about #9ab1e2
What is #9ab1e2 in RGB, HSL and CMYK?
In RGB, #9ab1e2 is rgb(154, 177, 226), in HSL hsl(221, 55%, 75%) and in CMYK 32%, 22%, 0%, 11%.
What design aesthetic works best with #9ab1e2?
#9ab1e2 thrives in professional corporate settings, specifically for dashboard backgrounds or data visualizations where clarity is paramount. Because it is muted and unsaturated, it provides a stable foundation that allows black or dark charcoal text to remain highly legible.
How can I build a balanced palette using #9ab1e2?
To create a gentle, spring-inspired palette, pair #9ab1e2 with soft pastel pink or light lavender shades. Avoid placing it directly against pure white, as the low contrast can make the blue appear washed out and lifeless on screen.
Is #9ab1e2 readable on white or black?
#9ab1e2 has a 2.15:1 contrast ratio on white and 9.76: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.