#74A4A2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #74a4a2 graphic
#74a4a2 is a desaturated, dusty cyan with cool, gray undertones. Because it is muted rather than vibrant, it provides a stable, professional look for technology and aerospace interfaces. Pair it with charcoal or deep navy for a sophisticated, high-contrast UI. It offers excellent legibility with black text, making it a functional choice for body copy or functional backgrounds where readability matters most.

Questions about #74a4a2

What is #74a4a2 in RGB, HSL and CMYK?
In RGB, #74a4a2 is rgb(116, 164, 162), in HSL hsl(177, 21%, 55%) and in CMYK 29%, 0%, 1%, 36%.
What colors pair best with #74a4a2 for a professional interface?
#74a4a2 functions as a grounding base, so it pairs effectively with charcoal or deep navy for high-contrast UI elements. Because of its muted, desaturated quality, it also works well alongside crisp white to maintain a clean and uncluttered visual hierarchy.
Is #74a4a2 suitable for body text or functional design elements?
Yes, #74a4a2 is an excellent choice for functional design because its desaturated nature offers superior legibility compared to more vibrant cyans. When used as a background, it remains soft on the eyes, allowing black or near-black text to stand out clearly.
Is #74a4a2 readable on white or black?
#74a4a2 has a 2.77:1 contrast ratio on white and 7.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.