#3B4151 Hex Color
A serious, muted navy for grounded designs
This dusty, muted blue sits between navy and charcoal. Because it is highly desaturated, #3b4151 provides a serious and grounded background for tech or security interfaces. It offers excellent contrast for white text, but use it sparingly as a primary fill to avoid a muddy appearance. Pair this hex code with soft teals or muted golds to lift its otherwise somber tone.
Questions about #3b4151
What is #3b4151 in RGB, HSL and CMYK?
In RGB, #3b4151 is rgb(59, 65, 81), in HSL hsl(224, 16%, 27%) and in CMYK 27%, 20%, 0%, 68%.
Where should I use the #3b4151 color in my designs?
#3b4151 acts as an excellent, grounded neutral for security dashboards, technical UI elements, or serious brand backgrounds. Because it is quite dark and desaturated, keep it away from large text blocks and use it primarily to anchor the visual hierarchy.
Which colors complement #3b4151 for a balanced palette?
To lift the somber, dusty nature of #3b4151, pair it with muted golds or soft, desaturated teals. These combinations provide a sophisticated contrast that prevents the navy-charcoal base from feeling too muddy or flat in a digital interface.
Is #3b4151 readable on white or black?
#3b4151 has a 10.18:1 contrast ratio on white and 2.06: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.