#5A758E Hex Color

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

Select a Color

This dusty, muted blue sits on the edge of grey, making it a reliable, understated choice for professional UI backgrounds. Because #5a758e is so unsaturated, it functions best as a base color rather than an accent. Pair it with crisp white text to ensure readability, as it meets WCAG AA standards for accessibility. The hex code for this cool, matte tone is #5a758e.

Questions about #5a758e

What is #5a758e in RGB, HSL and CMYK?

In RGB, #5a758e is rgb(90, 117, 142), in HSL hsl(209, 22%, 45%) and in CMYK 37%, 18%, 0%, 44%.

What colors pair well with #5a758e for UI design?

#5a758e works best when paired with high-contrast neutrals like crisp white or a very dark charcoal to ensure text readability. Because it is so muted, it also provides a sophisticated, professional backdrop for soft accent colors like pale gold or cream.

Is #5a758e readable on white or black?

#5a758e has a 4.80:1 contrast ratio on white and 4.36: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.

#5A758E Hex Color

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

Questions about #5a758e

Color tools

Resources