#484663 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#484663 is a dusty, unsaturated purple with distinct ashy undertones. This dark shade offers a moody alternative to standard navy for UI backgrounds or corporate branding. Because it is highly readable against white text, it works well for body content or interface elements. Use this hex code as a stable base color, paired with muted gold accents to elevate its serious character.
Questions about #484663
What is #484663 in RGB, HSL and CMYK?
In RGB, #484663 is rgb(72, 70, 99), in HSL hsl(244, 17%, 33%) and in CMYK 27%, 29%, 0%, 61%.
What colors pair well with #484663 for web design?
Soft, muted golds and warm greys create a sophisticated balance against the dark intensity of #484663. Using cream or off-white for text ensures high readability while maintaining the serious, understated aesthetic this color provides for professional layouts.
Is #484663 a good choice for UI backgrounds?
Yes, #484663 serves as an excellent, readable alternative to standard dark navy or black backgrounds. Its ashy undertones reduce visual fatigue compared to pure black, making it a stable and grounded base for complex data-heavy interfaces or dashboards.
Is #484663 readable on white or black?
#484663 has a 9.00:1 contrast ratio on white and 2.33: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.