#9396B7 Hex Color

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

Select a Color

This dusty indigo is heavily desaturated with strong grey undertones. Because it feels muted and soft, #9396b7 functions best as a supporting background rather than a main header color. It offers excellent legibility for black text, making it a functional choice for UI panels or subtle branding elements. Pair it with crisp whites or deep charcoal to keep the design from feeling washed out.

Questions about #9396b7

What is #9396b7 in RGB, HSL and CMYK?

In RGB, #9396b7 is rgb(147, 150, 183), in HSL hsl(235, 20%, 65%) and in CMYK 20%, 18%, 0%, 28%.

What colors pair well with #9396b7 in a UI design?

#9396b7 works beautifully when anchored by high-contrast neutrals like charcoal or crisp white for text. Adding small accents of a warm ochre or muted terracotta creates a sophisticated balance that keeps the design from feeling overly cold or washed out.

Is #9396b7 readable on white or black?

#9396b7 has a 2.88:1 contrast ratio on white and 7.28: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.

#9396B7 Hex Color

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

Questions about #9396b7

Color tools

Resources