#515F6E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated, dusty blue, #515f6e carries a serious and somber tone. Because it leans heavily into grey, it serves as a stable base for corporate or security-focused UI designs rather than a vivid accent. It offers excellent readability with white text, maintaining a 6.5:1 contrast ratio that works well for body copy. This hex code provides a grounded alternative to traditional, brighter navy shades.
Questions about #515f6e
What is #515f6e in RGB, HSL and CMYK?
In RGB, #515f6e is rgb(81, 95, 110), in HSL hsl(211, 15%, 37%) and in CMYK 26%, 14%, 0%, 57%.
What makes #515f6e a good choice for UI text?
#515f6e offers excellent legibility against white backgrounds, maintaining a 6.5:1 contrast ratio that ensures comfortable reading for long-form body copy. This makes it a superior, readable alternative to pure black in modern interface design.
Which colors pair best with #515f6e?
This color works well with off-white or soft cream backgrounds to maintain a professional, low-contrast aesthetic. For accents, pairing it with muted terracottas or warm mustard provides a sophisticated contrast that prevents the overall composition from appearing too cold or clinical.
Is #515f6e readable on white or black?
#515f6e has a 6.53:1 contrast ratio on white and 3.21: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.