#5A5D7F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5a5d7f graphic
This dusty, muted indigo feels serious and grounded due to its low saturation. Because #5a5d7f is quite dark, it works best as a supporting tone or a text block rather than a full page background. Pair it with crisp white type for excellent readability, as the contrast ratio is strong. It creates a moody atmosphere that excels in clean, minimalist design systems.

Questions about #5a5d7f

What is #5a5d7f in RGB, HSL and CMYK?
In RGB, #5a5d7f is rgb(90, 93, 127), in HSL hsl(235, 17%, 43%) and in CMYK 29%, 27%, 0%, 50%.
How should I use #5a5d7f in UI design?
#5a5d7f performs best as a high-contrast text element or a sophisticated structural accent rather than a background color. Its dark, muted nature creates excellent readability when paired with crisp white or very light neutral backgrounds in clean, professional layouts.
What colors pair well with #5a5d7f?
This color anchors well against soft, warm neutrals like cream or beige, which balance its cool, serious tone. For a more modern, high-contrast look, pair it with sharp white or light silver to maintain its grounded, moody aesthetic.
Is #5a5d7f readable on white or black?
#5a5d7f has a 6.35:1 contrast ratio on white and 3.30: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.