#5A6475 Hex Color

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

Hex color #5a6475 graphic
This dusty slate blue feels restrained and professional. The hex code for this shade is #5a6475. It functions best as a neutral background for tech or finance interfaces, offering a sophisticated alternative to standard navies. White text provides excellent legibility here, achieving a 6.0:1 contrast ratio. Designers should use this hue sparingly in large blocks, as it may appear muddy on some lower-resolution screens.

Questions about #5a6475

What is #5a6475 in RGB, HSL and CMYK?
In RGB, #5a6475 is rgb(90, 100, 117), in HSL hsl(218, 13%, 41%) and in CMYK 23%, 15%, 0%, 54%.
When should I avoid using #5a6475 in web design?
Avoid using #5a6475 in massive, single-color blocks, as the dusty undertones can appear muddy or flat on low-resolution screens. It performs significantly better as an accent or secondary element within interfaces that require high readability and a restrained, professional color palette.
Which colors pair best with #5a6475 for a balanced scheme?
This slate blue pairs naturally with crisp white or off-white text to maintain necessary contrast ratios. For a sophisticated look, consider incorporating muted, warm neutrals like cream or sand to provide visual relief against the coolness of the slate.
Is #5a6475 readable on white or black?
#5a6475 has a 5.97:1 contrast ratio on white and 3.51: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.