#5A7D7C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5a7d7c is a dusty, unsaturated cyan with a matte, ashy finish. It reads as a muted teal, making it a reliable choice for professional UI backgrounds or supporting interface elements. Because it has enough contrast to support black text, it stays readable for body copy. Pair this shade with soft creams or warm grays to keep the palette balanced and airy.
Questions about #5a7d7c
What is #5a7d7c in RGB, HSL and CMYK?
In RGB, #5a7d7c is rgb(90, 125, 124), in HSL hsl(178, 16%, 42%) and in CMYK 28%, 0%, 1%, 51%.
How does #5a7d7c perform as a background color?
The muted, ashy nature of #5a7d7c makes it an excellent choice for UI backgrounds where you need to support black text without overwhelming the reader. It sits comfortably behind interface elements, providing enough depth to appear professional while remaining subtle enough to avoid visual fatigue.
Which colors pair best with #5a7d7c?
Pairing #5a7d7c with cream or warm gray creates a balanced, airy palette that softens the overall aesthetic. These light, neutral tones provide the necessary contrast to elevate the dusty cyan, preventing the design from feeling too heavy or overly clinical in its execution.
Is #5a7d7c readable on white or black?
#5a7d7c has a 4.50:1 contrast ratio on white and 4.65: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 for body text. Try other pairs in the contrast checker.