#5C7B99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted blue, #5c7b99 feels reserved and steady rather than vivid. Its low saturation keeps it understated, making it a reliable choice for professional UI backgrounds where clarity matters. Black text maintains excellent contrast over this shade, ensuring readability for body copy. Pair it with soft, warm grays to highlight its cool, ashy undertones. The hex code for this desaturated blue is #5c7b99.
Questions about #5c7b99
What is #5c7b99 in RGB, HSL and CMYK?
In RGB, #5c7b99 is rgb(92, 123, 153), in HSL hsl(210, 25%, 48%) and in CMYK 40%, 20%, 0%, 40%.
Does #5c7b99 work well for professional interface designs?
This shade is an excellent choice for UI backgrounds because it is steady, desaturated, and low-contrast, preventing the visual fatigue that comes with more vivid blues. It maintains strong readability when paired with standard black or dark grey typography.
What colors complement the muted tone of #5c7b99?
Because #5c7b99 has a cool, ashy undertone, it pairs beautifully with soft, warm grays or muted creams to create a sophisticated balance. Avoid pairing it with high-contrast, neon accents as they will clash with its reserved, calm aesthetic.
Is #5c7b99 readable on white or black?
#5c7b99 has a 4.42:1 contrast ratio on white and 4.74: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.