#9CAAC0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue offers a professional, secure feel suitable for finance or government interfaces. As a supporting background, the hex code #9caac0 creates a calm environment without dominating the composition. It maintains high readability with black text at an 8.9:1 contrast ratio. Pair this shade with sharp charcoal greys to add definition and structure to your UI layouts.
Questions about #9caac0
What is #9caac0 in RGB, HSL and CMYK?
In RGB, #9caac0 is rgb(156, 170, 192), in HSL hsl(217, 22%, 68%) and in CMYK 19%, 11%, 0%, 25%. Browse more shades of gray with names and hex codes.
What colors pair best with #9caac0 for professional designs?
#9caac0 functions as a versatile neutral that looks best when paired with sharp charcoal or deep navy tones to add necessary structure. Using high-contrast dark text ensures the interface remains legible while maintaining this soft, secure aesthetic.
Is #9caac0 suitable for text-heavy interface backgrounds?
Yes, this shade is highly effective for backgrounds because it offers a calming, muted presence that does not fatigue the eye. It maintains excellent readability when paired with dark charcoal text, comfortably passing standard contrast requirements for professional web accessibility.
Is #9caac0 readable on white or black?
#9caac0 has a 2.35:1 contrast ratio on white and 8.92: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.