#747AA3 Hex Color

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

Select a Color

This dusty, unsaturated indigo feels calm and understated. With a low-key, matte finish, the hex code #747aa3 works effectively as a background for UI designs. Because it maintains a 5.1:1 contrast ratio with black text, it provides sufficient readability for small body copy. Use this as a muted, neutral base when traditional grays feel too sterile or cold.

Questions about #747aa3

What is #747aa3 in RGB, HSL and CMYK?

In RGB, #747aa3 is rgb(116, 122, 163), in HSL hsl(232, 20%, 55%) and in CMYK 29%, 25%, 0%, 36%.

What colors pair naturally with #747aa3?

Because of its muted, desaturated nature, #747aa3 pairs beautifully with charcoal for high-contrast professional designs or cream to accentuate its subtle indigo warmth. Use it alongside cooler tones to create a balanced, monochromatic look that feels cohesive and grounded.

Is #747aa3 readable on white or black?

#747aa3 has a 4.15:1 contrast ratio on white and 5.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.

#747AA3 Hex Color

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

Questions about #747aa3

Color tools

Resources