#485A62 Hex Color
Grounded dark cyan with serious grey undertones
This muted, dark cyan carries strong grey undertones, creating a grounded and serious aesthetic. It works best as a primary background or a heavy base element rather than a small accent. Because it offers strong contrast with white text, it remains legible in UI designs. The hex code for this moody, dusty shade is #485a62. Pair it with soft creams or warm oranges to cut through its clinical flatness.
Questions about #485a62
What is #485a62 in RGB, HSL and CMYK?
In RGB, #485a62 is rgb(72, 90, 98), in HSL hsl(198, 15%, 33%) and in CMYK 27%, 8%, 0%, 62%.
What colors pair best with #485a62?
Soft creams and warm oranges work best to cut through the clinical flatness of #485a62, adding needed brightness. Because #485a62 is a heavy, muted cyan, it balances well against cream or warm terracotta without becoming overwhelmed.
Is #485a62 suitable for UI background elements?
Yes, #485a62 is highly effective as a primary background or heavy structural element in digital interfaces. Its dark, grounded nature ensures that white text remains sharp and legible, providing a professional, serious aesthetic for modern application designs.
Is #485a62 readable on white or black?
#485a62 has a 7.20:1 contrast ratio on white and 2.91: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 is too faint for text. Try other pairs in the contrast checker.