#6A7893 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue carries a bleak, matte quality that feels grounded and professional. Because it is highly unsaturated, it works best as a supporting background rather than a main feature. Pair it with crisp white or charcoal for a balanced UI aesthetic. The hex code for this ashy shade is #6a7893, which offers enough contrast for legible black text in standard design applications.
Questions about #6a7893
What is #6a7893 in RGB, HSL and CMYK?
In RGB, #6a7893 is rgb(106, 120, 147), in HSL hsl(220, 16%, 50%) and in CMYK 28%, 18%, 0%, 42%.
What colors pair well with #6a7893 for UI design?
#6a7893 works best when paired with high-contrast neutrals like charcoal or crisp white to maintain readability. Because it is highly unsaturated, it also serves as a strong, professional base color that allows brighter accent colors to pop without visual clutter.
Does #6a7893 function well as a primary background color?
Yes, #6a7893 is an excellent choice for a secondary or supporting background color in professional interfaces. Its matte, muted quality reduces eye strain compared to more vibrant blues, making it ideal for dashboard panels, sidebars, or subtle section dividers in data-heavy applications.
Is #6a7893 readable on white or black?
#6a7893 has a 4.44:1 contrast ratio on white and 4.72:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.