#404454 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty indigo reads as a sophisticated neutral with strong grey undertones. Because it sits at a dark, desaturated point on the spectrum, #404454 works best as a moody UI background or a dominant structural element. White text remains highly readable against this hex code, ensuring accessibility. Pair it with soft, warm metallics to break its inherent severity without losing that grounded, inky character.
Questions about #404454
What is #404454 in RGB, HSL and CMYK?
In RGB, #404454 is rgb(64, 68, 84), in HSL hsl(228, 14%, 29%) and in CMYK 24%, 19%, 0%, 67%.
How should I use #404454 in interface design?
#404454 serves best as a deep, muted background or a primary structural color because it remains highly readable with white text. Use it to provide a sense of stability and professional calm in dashboard or data-heavy applications.
What colors pair well with #404454?
Is #404454 readable on white or black?
#404454 has a 9.66:1 contrast ratio on white and 2.17: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.