#5B778C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, ashy blue, #5b778c offers a desaturated tone that feels professional and understated. It works best as a neutral background in finance or tech interfaces where clarity matters more than flair. Because it is quite muted, pair it with sharp white accents for necessary contrast. This hex code provides a reliable, calm anchor for designs that prioritize function over aesthetic boldness.
Questions about #5b778c
What is #5b778c in RGB, HSL and CMYK?
In RGB, #5b778c is rgb(91, 119, 140), in HSL hsl(206, 21%, 45%) and in CMYK 35%, 15%, 0%, 45%. Browse more shades of blue with names and hex codes.
What colors pair best with the muted blue of #5b778c?
#5b778c pairs effectively with clean, high-contrast shades like crisp white or light gray to prevent the design from feeling too heavy. For a more sophisticated palette, try introducing warmer accents like soft terracotta or deep charcoal to create balance and visual interest.
Is #5b778c readable on white or black?
#5b778c has a 4.70:1 contrast ratio on white and 4.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.