#778E93 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bleak and dusty, #778e93 is a desaturated cyan that leans heavily into grey. Its low chroma creates a matte effect, perfect for corporate interfaces or tech branding where understatement is preferred over boldness. Because it offers strong contrast with black text, it works well for UI backgrounds. Use this hex code as a stable base color rather than an accent to maintain its grounded, professional character.
Questions about #778e93
What is #778e93 in RGB, HSL and CMYK?
In RGB, #778e93 is rgb(119, 142, 147), in HSL hsl(191, 11%, 52%) and in CMYK 19%, 3%, 0%, 42%.
Where should I use #778e93 in my interface design?
This color functions best as a stable, neutral background or a secondary accent in professional tech interfaces. Because of its low chroma, it provides excellent readability against dark or light text without causing the visual fatigue often triggered by brighter, more saturated blue tones.
What colors pair well with #778e93 for a balanced palette?
Pair #778e93 with charcoal for high-contrast text or a crisp white to emphasize its clean, matte appearance. If you need warmth, small accents of terracotta or soft peach create a sophisticated balance against its cool, grey-leaning undertones.
Is #778e93 readable on white or black?
#778e93 has a 3.45:1 contrast ratio on white and 6.07: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.