#424E63 Hex Color
A serious and grounded dusty blue
This dusty, muted blue carries a serious and grounded energy. Because it is highly unsaturated, #424e63 acts as an excellent alternative to neutral gray for modern UI backgrounds or tech-focused branding. It offers strong contrast against white text, making it highly readable. Use this hex code as a stable base color, but avoid pairing it with other muddy tones to prevent your interface from looking flat.
Questions about #424e63
What is #424e63 in RGB, HSL and CMYK?
In RGB, #424e63 is rgb(66, 78, 99), in HSL hsl(218, 20%, 32%) and in CMYK 33%, 21%, 0%, 61%.
How should I use #424e63 in UI design?
#424e63 functions best as a stable background color or a modern, muted alternative to standard grays. Because of its strong contrast against white, it ensures excellent readability for text-heavy interfaces while maintaining a professional and serious aesthetic.
Which colors pair well with #424e63?
This color pairs beautifully with warm accents like terracotta or soft creams to balance its cool, industrial nature. Avoid pairing it with other muddy or muted tones, as this combination can cause your interface to lose visual depth and appear flat.
Is #424e63 readable on white or black?
#424e63 has a 8.39:1 contrast ratio on white and 2.50: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.