#5A717E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, slate blue sits firmly in the middle ground, leaning toward grey rather than vibrant color. Because of its muted, matte quality, #5a717e works effectively as a large-scale UI background or a reliable supporting element in corporate branding. Use it alongside crisp white text for excellent readability, as it offers a professional alternative to standard navy.
Questions about #5a717e
What is #5a717e in RGB, HSL and CMYK?
In RGB, #5a717e is rgb(90, 113, 126), in HSL hsl(202, 17%, 42%) and in CMYK 29%, 10%, 0%, 51%.
What colors pair best with #5a717e for a professional palette?
Use crisp whites or very light greys to make #5a717e feel modern and readable. For a balanced, corporate look, combine this slate blue with soft charcoal or warm metallic accents, which prevents the design from feeling too cold or flat.
Does #5a717e lean warm or cool in a design layout?
This color sits on the cool side of the spectrum, defined by its heavy grey undertones. It creates a calm, serious atmosphere that works well for UI elements where you need structure without the intensity of a pure, vibrant blue.
Is #5a717e readable on white or black?
#5a717e has a 5.12:1 contrast ratio on white and 4.09: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.