#6978A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits low in saturation with cool, ashy undertones. It projects reliability, making it a safe choice for professional UI backgrounds or data-heavy interfaces. Because it offers enough contrast for readability, use black text directly over it. The hex code #6978a2 performs best as a supportive base rather than a bright accent, as it can feel too washed out when paired with white.
Questions about #6978a2
What is #6978a2 in RGB, HSL and CMYK?
In RGB, #6978a2 is rgb(105, 120, 162), in HSL hsl(224, 23%, 52%) and in CMYK 35%, 26%, 0%, 36%.
What colors pair best with #6978a2 for professional designs?
Because #6978a2 is a desaturated blue, it anchors well against high-contrast neutrals like charcoal or deep slate, while offering a soft, readable backdrop for white or cream text. Use it alongside muted, warm accents if you need to break the coolness.
Is #6978a2 readable on white or black?
#6978a2 has a 4.36:1 contrast ratio on white and 4.80: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.