#656678 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty indigo, #656678 feels ashy and dark. This desaturated tone works best as a supporting element rather than a dominant background, where it can easily appear muddy. It pairs well with crisp white text, which creates the 5.6:1 contrast ratio necessary for high readability. Use this hex code to bring a touch of understated structure to clean, minimalist interface designs.
Questions about #656678
What is #656678 in RGB, HSL and CMYK?
In RGB, #656678 is rgb(101, 102, 120), in HSL hsl(237, 9%, 43%) and in CMYK 16%, 15%, 0%, 53%.
What colors pair best with #656678?
Because #656678 is a muted and desaturated tone, it functions as a functional neutral that pairs perfectly with high-contrast crisp white text. For a sophisticated palette, try pairing it with soft creams or lighter shades of slate to maintain a calm, professional aesthetic without overwhelming the eye.
Does #656678 lean warm or cool?
#656678 is distinctly cool-toned due to its heavy indigo base. It carries an ashy, desaturated quality that prevents it from feeling vibrant, making it an excellent choice for backgrounds where you need to convey stability, structure, and professional calm rather than energy.
Is #656678 readable on white or black?
#656678 has a 5.63:1 contrast ratio on white and 3.72: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.