#656E7A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#656e7a is a dusty, desaturated slate that reads closer to grey than traditional blue. This muted tone provides a stable, professional backdrop, making it ideal for UI elements like sidebars or secondary backgrounds. Because it maintains a 5.2:1 contrast ratio against white text, it ensures solid readability. Pair this hex code with soft ochre accents to balance its cool, industrial character.
Questions about #656e7a
What is #656e7a in RGB, HSL and CMYK?
In RGB, #656e7a is rgb(101, 110, 122), in HSL hsl(214, 9%, 44%) and in CMYK 17%, 10%, 0%, 52%.
Does #656e7a work well for interface backgrounds?
#656e7a serves as an excellent neutral background because its 5.2:1 contrast ratio against white text ensures high readability for user interfaces. This muted slate prevents eye strain while maintaining enough presence to define sidebars or structural content blocks without overpowering primary elements.
Which accent colors pair effectively with #656e7a?
Soft ochre or warm beige accents provide the best visual balance when paired with #656e7a, as the warmth offsets the cool, industrial nature of the grey. Using these earthy tones creates a sophisticated, grounded aesthetic that feels intentional and well-structured for modern branding projects.
Is #656e7a readable on white or black?
#656e7a has a 5.16:1 contrast ratio on white and 4.06: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.