#778DA7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue offers a restrained and professional aesthetic. Because of its low saturation, #778da7 works best as a neutral base or a grounding element in corporate UI designs. It reads clearly with black text, making it a reliable choice for readable body content. Use this hex code when you need a professional, reliable tone without the starkness of standard navy.
Questions about #778da7
What is #778da7 in RGB, HSL and CMYK?
In RGB, #778da7 is rgb(119, 141, 167), in HSL hsl(213, 21%, 56%) and in CMYK 29%, 16%, 0%, 35%.
Does #778da7 work well for text-heavy layouts?
Yes, #778da7 provides excellent readability when paired with high-contrast text, making it a reliable choice for long-form content. Because of its dusty, muted nature, it remains easy on the eyes while maintaining a professional and serious aesthetic for the reader.
How can I incorporate #778da7 into a UI design?
Use #778da7 as a grounding base color for secondary elements or navigation bars to create a sophisticated, corporate feel. It pairs well with charcoal for text or crisp whites to keep the interface looking clean, balanced, and distinct.
Is #778da7 readable on white or black?
#778da7 has a 3.41:1 contrast ratio on white and 6.15: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.