#578BA6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is desaturated and muted, carrying a cool, understated quality. Its low chroma makes it a reliable base for professional UI designs in finance or technology. Because it maintains strong legibility, black text displays clearly against #578ba6. Pair it with soft cream or warm greige to avoid a cold, sterile appearance in your color palettes. The hex code for this shade is #578ba6.
Questions about #578ba6
What is #578ba6 in RGB, HSL and CMYK?
In RGB, #578ba6 is rgb(87, 139, 166), in HSL hsl(201, 31%, 50%) and in CMYK 48%, 16%, 0%, 35%.
What colors pair well with #578ba6 in a UI design?
#578ba6 works best when balanced against soft, warm neutrals to counteract its cool, desaturated undertones. Use creamy off-whites or warm greige to prevent the design from feeling sterile, or add depth by pairing it with charcoal for high-contrast text.
Is #578ba6 readable on white or black?
#578ba6 has a 3.71:1 contrast ratio on white and 5.64: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.