#656C7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a heavy, ashy quality that reads professional and reserved. Because of its low saturation and mid-tone weight, hex code #656c7e works best as a supporting background color rather than a primary focus. Pair it with crisp white text to achieve a 5.3:1 contrast ratio that ensures readability in professional dashboards, financial interfaces, or corporate branding layouts.
Questions about #656c7e
What is #656c7e in RGB, HSL and CMYK?
In RGB, #656c7e is rgb(101, 108, 126), in HSL hsl(223, 11%, 45%) and in CMYK 20%, 14%, 0%, 51%.
What colors pair best with #656c7e for UI design?
#656c7e works best when balanced against high-contrast neutrals. Pair it with crisp white for text legibility, or use a soft charcoal to maintain a professional, low-contrast aesthetic that feels balanced without being overly harsh on the eyes.
Is #656c7e suitable for primary interface elements?
Because of its low saturation and heavy, muted character, #656c7e is better suited as a supporting background or secondary element. Using it as a primary button or highlight color may lack the visual urgency required to guide user attention effectively.
Is #656c7e readable on white or black?
#656c7e has a 5.25:1 contrast ratio on white and 3.99: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.