#56768A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a heavy, ashy quality that reads serious and professional. Because it is highly unsaturated, #56768a works well as a grounding background or a secondary UI element for finance and technology brands. Pair it with crisp white text to ensure readability, as this shade can feel muddy if used in isolation. It provides a sense of understated control without drawing too much attention.
Questions about #56768a
What is #56768a in RGB, HSL and CMYK?
In RGB, #56768a is rgb(86, 118, 138), in HSL hsl(203, 23%, 44%) and in CMYK 38%, 14%, 0%, 46%.
Does #56768a work well for text on a white background?
#56768a often lacks sufficient contrast against standard white backgrounds for smaller text sizes, which can make it hard to read. It functions best as a secondary UI element or a background color when paired with high-contrast, pure white or dark text overlays.
What colors pair well with #56768a?
This muted blue pairs effectively with charcoal or deep slate tones to enhance its professional, serious mood. For a brighter interface, combining #56768a with clean off-whites or soft light grays helps balance its heavy, ashy undertones and improves visual hierarchy.
Is #56768a readable on white or black?
#56768a has a 4.82:1 contrast ratio on white and 4.35: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.