#778DA9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#778da9 is a dusty, unsaturated blue with heavy gray undertones. Because it sits on the matte side of the spectrum, it functions best as a stabilizing background rather than an accent. This hex code pairs well with crisp charcoal or pure white, providing the clarity required for UI design. It is legible enough for body text, maintaining a 6.2:1 contrast ratio against black.
Questions about #778da9
What is #778da9 in RGB, HSL and CMYK?
In RGB, #778da9 is rgb(119, 141, 169), in HSL hsl(214, 23%, 56%) and in CMYK 30%, 17%, 0%, 34%.
What colors pair well with #778da9 in a UI design?
#778da9 works best alongside high-contrast neutrals like charcoal or crisp white to maintain readability. You can also successfully accent this color with warm, desaturated metallics or soft terracottas to create a balanced, modern visual hierarchy without overwhelming the eye.
Does #778da9 work well for body text on a white background?
While #778da9 offers decent legibility, it is generally too light to meet standard accessibility guidelines for small body text against a white background. It functions much more effectively as a secondary text color, UI border, or a subdued background fill.
Is #778da9 readable on white or black?
#778da9 has a 3.40:1 contrast ratio on white and 6.16: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.