#485282 Hex Color

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

Hex color #485282 graphic
This muted indigo is dusty and cool, offering a serious, understated presence for modern layouts. Because it is fairly dark, it works best as a balanced backdrop rather than a bright accent. Pair it with soft cream or warm metallics to cut through the gloom. The hex code #485282 provides enough contrast for white text, making it a reliable, readable choice for UI backgrounds.

Questions about #485282

What is #485282 in RGB, HSL and CMYK?
In RGB, #485282 is rgb(72, 82, 130), in HSL hsl(230, 29%, 40%) and in CMYK 45%, 37%, 0%, 49%.
What colors pair well with the #485282 indigo shade?
This #485282 indigo pairs best with warm, soft neutrals like cream or sand to balance its cool intensity. You can also ground the design by using charcoal for text, which creates a sophisticated, high-contrast look that remains easy on the eyes.
Is #485282 suitable for text backgrounds in UI design?
Yes, #485282 serves as an excellent, reliable choice for website backgrounds because it offers a natural, moody depth without being overwhelming. It provides high contrast when paired with white or very light text, making it a functional, readable option for modern dashboards and applications.
Is #485282 readable on white or black?
#485282 has a 7.48:1 contrast ratio on white and 2.80: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.