#5D7193 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels professional and grounded due to its high desaturation. Because it maintains a 4.9:1 contrast ratio against white text, it works well as a background for small, readable body copy in UI design. The hex code for this color is #5d7193. Avoid using it as a large-scale solid block, as the gray undertones can quickly feel muddy or gloomy without lighter accents.
Questions about #5d7193
What is #5d7193 in RGB, HSL and CMYK?
In RGB, #5d7193 is rgb(93, 113, 147), in HSL hsl(218, 22%, 47%) and in CMYK 37%, 23%, 0%, 42%. Browse more shades of blue with names and hex codes.
Is #5d7193 a good choice for large UI backgrounds?
While #5d7193 maintains decent contrast against white text, it functions best as a secondary or accent color rather than a large background block. Its gray undertones can quickly feel heavy or muddy, so use it sparingly alongside lighter, cleaner neutrals to keep your interface feeling sharp.
Which colors pair well with #5d7193 in a design?
This muted blue balances well when paired with crisp off-white or light-gray to prevent the design from feeling too gloomy. For a more sophisticated look, use it alongside a sharp navy or a muted terracotta for high-contrast accents.
Is #5d7193 readable on white or black?
#5d7193 has a 4.94:1 contrast ratio on white and 4.24: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.