#56788F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits on the cooler side of the spectrum, offering an understated alternative to traditional navy. Because of its low saturation, #56788f works best as a neutral background for professional UI projects in finance or technology. Pair it with crisp white text to meet accessibility standards, as white provides the clearest contrast against this dark, ashy shade. The hex code for this color is #56788f.
Questions about #56788f
What is #56788f in RGB, HSL and CMYK?
In RGB, #56788f is rgb(86, 120, 143), in HSL hsl(204, 25%, 45%) and in CMYK 40%, 16%, 0%, 44%.
What color schemes work best with #56788f?
#56788f performs best when paired with high-contrast neutrals like white or light gray for readability. For accent colors, try soft corals or warm mustard yellows, which provide a balanced complementary warmth against the inherent coolness of this dusty blue.
Is #56788f appropriate for professional UI design?
Yes, #56788f is an excellent choice for corporate UI, particularly in finance or technology sectors. Its muted, ashy quality reduces eye strain compared to brighter blues, making it a sophisticated, readable background choice that conveys stability and trust.
Is #56788f readable on white or black?
#56788f has a 4.68:1 contrast ratio on white and 4.47: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.