#657882 Hex Color

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

Hex color #657882 graphic
Bleak and dusty, #657882 is a muted blue-grey that prioritizes legibility and restraint. Because it sits right at the threshold of sufficient contrast, white text remains readable against it. Use this shade as a reliable, desaturated background for corporate interfaces or technical documentation where professionalism matters more than flash. It pairs cleanly with warm terracotta accents to break up the cool, industrial tone.

Questions about #657882

What is #657882 in RGB, HSL and CMYK?
In RGB, #657882 is rgb(101, 120, 130), in HSL hsl(201, 13%, 45%) and in CMYK 22%, 8%, 0%, 49%.
What colors work best alongside #657882 in a design system?
The desaturated nature of #657882 pairs exceptionally well with warm, earthy accents like terracotta or deep ochre to create visual interest. Because #657882 is inherently cool and industrial, these warm tones prevent the interface from feeling too sterile or cold.
Is #657882 suitable for use as a primary text color?
While #657882 provides good contrast against a pure white background, it is generally safer to use it as a secondary or UI background color rather than for body text. Always verify contrast ratios if using it for smaller, light-weight fonts.
Is #657882 readable on white or black?
#657882 has a 4.60:1 contrast ratio on white and 4.56: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.