#677885 Hex Color

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

Select a Color

A dusty, muted blue with strong grey undertones, #677885 provides a restrained foundation for professional branding. Because it is desaturated and matte, it works best as a background or supporting element in financial or technical interfaces. Pair it with crisp white or charcoal for contrast, as black text remains highly readable over it. The hex code #677885 offers a reliable, understated visual weight.

Questions about #677885

What is #677885 in RGB, HSL and CMYK?

In RGB, #677885 is rgb(103, 120, 133), in HSL hsl(206, 13%, 46%) and in CMYK 23%, 10%, 0%, 48%.

Which color combinations work best with #677885?

#677885 creates a professional look when paired with high-contrast neutrals like charcoal or crisp white. For a more balanced, academic aesthetic, try incorporating subtle accents of a muted gold or a desaturated sage to add warmth without disrupting the professional mood.

Is #677885 readable on white or black?

#677885 has a 4.56:1 contrast ratio on white and 4.60: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.

#677885 Hex Color

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

Questions about #677885

Color tools

Resources