#657683 Hex Color

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

Select a Color

This dusty, muted blue sits right on the edge of grey. Because it is highly desaturated, #657683 acts as an excellent neutral base for technology or finance interfaces that require a serious, understated look. It supports white text effectively, meeting accessibility standards for small body copy. Pair this hex code with a sharp charcoal or crisp cream to prevent the palette from feeling too flat.

Questions about #657683

What is #657683 in RGB, HSL and CMYK?

In RGB, #657683 is rgb(101, 118, 131), in HSL hsl(206, 13%, 45%) and in CMYK 23%, 10%, 0%, 49%.

What colors pair well with #657683?

This muted shade works best when balanced against high-contrast, crisp neutrals like cream or charcoal. These pairings prevent the palette from looking too flat while allowing the dusty blue to serve as a reliable, professional background or accent color.

Is #657683 readable on white or black?

#657683 has a 4.69:1 contrast ratio on white and 4.47: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.

#657683 Hex Color

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

Questions about #657683

Color tools

Resources