#656A7D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty indigo acts as an ashy, muted neutral with strong grey undertones. The hex code #656a7d offers a 5.4:1 contrast ratio against white, making it a reliable choice for UI text and backgrounds. Use this shade as an anchor for busy layouts. It pairs best with warm, soft creams rather than other cool, bright colors to avoid a muddy finish.
Questions about #656a7d
What is #656a7d in RGB, HSL and CMYK?
In RGB, #656a7d is rgb(101, 106, 125), in HSL hsl(227, 11%, 44%) and in CMYK 19%, 15%, 0%, 51%. Browse more shades of gray with names and hex codes.
How should #656a7d be used in interface design?
#656a7d works exceptionally well as a grounding neutral for busy layouts, providing a professional, balanced look without overpowering other elements. Because it maintains a 5.4:1 contrast ratio against white, it remains a reliable choice for readable UI text.
Which colors complement #656a7d best?
This color pairs best with warm, soft creams to prevent it from feeling muddy. Avoid pairing #656a7d with other cool, bright tones, as these can make the grey undertones feel flat rather than intentional and sophisticated in your color scheme.
Is #656a7d readable on white or black?
#656a7d has a 5.36:1 contrast ratio on white and 3.91: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.