#515E59 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, grey-leaning teal creates a sophisticated atmosphere for moody tech or wellness interfaces. Because it is highly muted with low saturation, the hex code #515e59 works best as a primary background rather than an accent. It provides excellent legibility for white text, comfortably meeting WCAG AA standards. Pair it with soft cream or pale coral to prevent the overall design from feeling too gloomy.
Questions about #515e59
What is #515e59 in RGB, HSL and CMYK?
In RGB, #515e59 is rgb(81, 94, 89), in HSL hsl(157, 7%, 34%) and in CMYK 14%, 0%, 5%, 63%.
Why does #515e59 work well for interface design?
Because #515e59 is a highly muted, desaturated tone, it functions as a grounded, non-distracting background for long-form reading or wellness apps. It pairs effortlessly with white text, comfortably meeting WCAG accessibility standards for modern UI design.
Which colors balance the mood of #515e59?
To avoid a gloomy atmosphere, pair #515e59 with warmer, lighter tones like soft cream or pale coral. These accents inject necessary visual energy and warmth into the otherwise cool, grey-leaning teal, creating a balanced and inviting palette.
Is #515e59 readable on white or black?
#515e59 has a 6.78:1 contrast ratio on white and 3.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.