#5A6C63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, gray-leaning teal, #5a6c63 sits dark and matte with almost no vividness left in it. That low saturation reads calm and understated, which is why it suits wellness branding and quiet app backgrounds. White text on this hex code hits about 5.6:1, so small body copy stays readable. It looks richer against terracotta or warm cream than against pure white.
Questions about #5a6c63
What is #5a6c63 in RGB, HSL and CMYK?
In RGB, #5a6c63 is rgb(90, 108, 99), in HSL hsl(150, 9%, 39%) and in CMYK 17%, 0%, 8%, 58%.
What colors pair well with #5a6c63?
Warm earth tones like terracotta and dusty blush offset its gray undertone nicely. Soft cream or off-white also flatters it more than stark white, which can wash the teal out.
Is #5a6c63 readable on white or black?
#5a6c63 has a 5.58:1 contrast ratio on white and 3.75: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.