#9CAEC2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #9caec2 graphic
This dusty, unsaturated blue feels restrained and professional. It works well as a grounding background for corporate dashboards or security interfaces where readability matters. Because it offers strong contrast with black text, #9caec2 is a reliable choice for UI elements that need to appear secure rather than energetic. Pair it with soft charcoal grays to maintain a clean, high-contrast look without overwhelming the eye.

Questions about #9caec2

What is #9caec2 in RGB, HSL and CMYK?
In RGB, #9caec2 is rgb(156, 174, 194), in HSL hsl(212, 24%, 69%) and in CMYK 20%, 10%, 0%, 24%.
What makes #9caec2 effective for professional user interfaces?
This color acts as a reliable neutral that avoids being overly energetic, making it ideal for security software or corporate dashboards where user focus is paramount. Its moderate saturation ensures high readability, especially when paired with sharp, dark text.
Which colors pair best with #9caec2 for a balanced design?
To maintain a clean and professional aesthetic, pair #9caec2 with charcoal or deep slate grays to emphasize its blue undertones. This combination creates a sophisticated, high-contrast look that feels modern, secure, and easy on the eyes.
Is #9caec2 readable on white or black?
#9caec2 has a 2.27:1 contrast ratio on white and 9.24: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.