#515E68 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#515e68 is a muted, ashy slate that balances deep blue with heavy grey undertones. It creates a serious, grounded mood perfect for professional UI backgrounds or data-heavy interfaces. Because white text provides a high contrast ratio of 6.7:1, this color works well for readable body copy. Pair it with soft cream or pale coral to keep the palette from feeling too cold or corporate.
Questions about #515e68
What is #515e68 in RGB, HSL and CMYK?
In RGB, #515e68 is rgb(81, 94, 104), in HSL hsl(206, 12%, 36%) and in CMYK 22%, 10%, 0%, 59%.
Does #515e68 work well for body text?
Yes, #515e68 is an excellent choice for body text because it provides a high 6.7:1 contrast ratio against white backgrounds. This ensures readability while feeling softer and more refined than standard black text on professional websites.
What colors pair best with #515e68?
To prevent #515e68 from feeling too cold or corporate, pair it with warmer tones like cream or pale coral. These lighter, warmer accents balance the heavy grey undertones and bring a sense of approachable sophistication to your design.
Is #515e68 readable on white or black?
#515e68 has a 6.66:1 contrast ratio on white and 3.15: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.