#6B7285 Hex Color

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

Hex color #6b7285 graphic
Its low saturation and mid-dark value give #6b7285 a dusty blue appearance with gray undertones and a matte, restrained mood. The hex code #6b7285 works well for supporting backgrounds, security dashboards, finance interfaces, and healthcare systems. White text reaches about 4.8:1 contrast, enough for WCAG AA body text. Warmer accents keep large areas from feeling bleak.

Questions about #6b7285

What is #6b7285 in RGB, HSL and CMYK?
In RGB, #6b7285 is rgb(107, 114, 133), in HSL hsl(224, 11%, 47%) and in CMYK 20%, 14%, 0%, 48%.
What colors pair well with #6b7285?
#6b7285 pairs well with warm off-white, muted terracotta, and burgundy because those warmer tones offset its gray cast without breaking its restrained character or making the palette feel cold.
Where does #6b7285 work best in a palette?
Use #6b7285 as a supporting tone or secondary surface rather than the sole dominant background; its muted mid-dark value works well in security, finance, government, and healthcare interfaces, especially beside white text and brighter status accents.
Is #6b7285 readable on white or black?
#6b7285 has a 4.80:1 contrast ratio on white and 4.37: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.