#404E67 Hex Color
A serious, muted blue for professional design
This muted, dusty blue carries a serious, inky tone that feels grounded and reliable. Because it is highly unsaturated, #404e67 works well as a dominant base for professional UI or fintech branding. While white text provides excellent readability against this background, try pairing it with soft creams or warm grays to prevent the overall design from feeling too cold or sterile.
Questions about #404e67
What is #404e67 in RGB, HSL and CMYK?
In RGB, #404e67 is rgb(64, 78, 103), in HSL hsl(218, 23%, 33%) and in CMYK 38%, 24%, 0%, 60%.
What colors pair well with #404e67 for a balanced UI?
Soft creams, warm grays, and muted beiges work best to balance the cool, inky nature of #404e67 without creating a sterile feel. These warmer neutral tones soften the overall design and help prevent the deep blue from appearing overly cold or harsh in professional layouts.
Is #404e67 suitable for primary text on web interfaces?
While #404e67 functions beautifully as a background or accent color, it is generally too dark and desaturated for body text. It is better utilized as a sophisticated background choice that allows high-contrast white text to remain readable and sharp for the user.
Is #404e67 readable on white or black?
#404e67 has a 8.38: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.