#485E70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#485e70 is a muted, dusty blue with a heavy, matte finish. Given its dark and unsaturated tone, it functions well as a professional background for finance or tech dashboards. It maintains excellent readability when paired with white text, offering a solid 6.8:1 contrast ratio. Use this hex code as a grounded base color in moody, serious interface designs.
Questions about #485e70
What is #485e70 in RGB, HSL and CMYK?
In RGB, #485e70 is rgb(72, 94, 112), in HSL hsl(207, 22%, 36%) and in CMYK 36%, 16%, 0%, 56%.
Why does #485e70 work well for professional interface designs?
The muted quality of #485e70 reduces eye strain during long periods of use, making it an excellent base for dense data dashboards. Because it is highly unsaturated, it allows bright accents to stand out without competing for visual hierarchy or cluttering the layout.
Which colors best complement the dusty tone of #485e70?
This color pairs effectively with clean white or light gray for high-readability text on dark backgrounds. To add warmth, consider contrasting it with soft terracotta or muted orange accents, which cut through the cool, professional density of the blue without creating harsh visual jarring.
Is #485e70 readable on white or black?
#485e70 has a 6.75:1 contrast ratio on white and 3.11: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.