#657696 Hex Color

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

Select a Color

#657696 is a dusty, unsaturated blue with strong gray undertones. Because of its muted character, it avoids the harshness of brighter tones, making it an excellent base for professional UI layouts. It provides enough contrast to support black text, so use it freely in functional backgrounds. Pair this cool, reliable hex code with warm, sandy beiges to soften its clinical edge in finance or tech branding.

Questions about #657696

What is #657696 in RGB, HSL and CMYK?

In RGB, #657696 is rgb(101, 118, 150), in HSL hsl(219, 20%, 49%) and in CMYK 33%, 21%, 0%, 41%.

What colors pair well with #657696?

#657696 works beautifully when contrasted with warm, sandy beige or cream tones to soften its inherently cool, clinical nature. For a more modern, high-contrast look, pair it with sharp charcoal or deep slate grays to emphasize the professional, reliable mood of this specific blue.

Is #657696 readable on white or black?

#657696 has a 4.58:1 contrast ratio on white and 4.58:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.

#657696 Hex Color

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

Questions about #657696

Color tools

Resources