#5A6260 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, grey-teal carries a moody weight that avoids the harshness of pure black. Use #5a6260 as a sophisticated alternative for dark UI backgrounds or oversized typography. It offers strong contrast against white text, making it a functional choice for clean, modern interfaces. Pair this hex code with soft ochres or muted terracottas to balance its cool, industrial character.
Questions about #5a6260
What is #5a6260 in RGB, HSL and CMYK?
In RGB, #5a6260 is rgb(90, 98, 96), in HSL hsl(165, 4%, 37%) and in CMYK 8%, 0%, 2%, 62%.
What colors pair well with #5a6260?
#5a6260 works best when paired with warm, organic tones to balance its cool, industrial nature. Consider using ochre or terracotta accents to introduce a sense of depth and contrast without overpowering the muted aesthetic of the base color.
Is #5a6260 suitable for text on a white background?
Yes, #5a6260 provides strong readability against white backgrounds, making it a functional choice for modern interfaces. Its dark, muted weight allows it to serve as a softer, more sophisticated alternative to standard black text for body copy or large headings.
Is #5a6260 readable on white or black?
#5a6260 has a 6.26:1 contrast ratio on white and 3.35: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.