#3A404E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, inky blue carries a heavy, muted presence that works well for moody interfaces or tech-focused branding. Because #3a404e sits so close to grey, it pairs better with vibrant warm accents than with other dark tones. It offers excellent legibility for white text, making it a reliable choice for dark mode UI backgrounds or secondary containers. The hex code for this serious shade is #3a404e.
Questions about #3a404e
What is #3a404e in RGB, HSL and CMYK?
In RGB, #3a404e is rgb(58, 64, 78), in HSL hsl(222, 15%, 27%) and in CMYK 26%, 18%, 0%, 69%.
What colors work well with #3a404e?
This muted, inky blue pairs beautifully with vibrant, warm accents to balance its heavy presence. Consider using crisp orange or golden yellow highlights to add energy, as these bright tones contrast effectively against the deep, grey-leaning base of #3a404e.
Is #3a404e a good choice for dark mode UI?
Yes, #3a404e serves as an excellent background for dark mode interfaces because it offers better readability than pure black. It provides a softer, more professional look for secondary containers or app navigation bars while maintaining high contrast with standard white typography.
Is #3a404e readable on white or black?
#3a404e has a 10.37:1 contrast ratio on white and 2.02: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.