#3B4856 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue acts as a somber neutral with strong, ashy undertones. It works best as a primary background in dark-mode interfaces, where white text remains highly legible against its dark surface. The hex code for this color is #3b4856. Avoid using it for small text or fine details, as it can feel too gloomy and lose clarity at smaller scales.
Questions about #3b4856
What is #3b4856 in RGB, HSL and CMYK?
In RGB, #3b4856 is rgb(59, 72, 86), in HSL hsl(211, 19%, 28%) and in CMYK 31%, 16%, 0%, 66%.
Where should I use #3b4856 in a UI design?
#3b4856 works best as a primary background color for dark-mode web applications or mobile interfaces. Because it is deep and muted, it creates a professional, grounded look that helps white or light-gray text stand out without being as harsh as pure black.
Does #3b4856 work well for body text?
Avoid using #3b4856 for small body text because its low contrast and dark nature can cause eye strain. It is better suited for large headings, navigational sidebars, or footer areas where the color can provide visual weight without sacrificing readability.
Is #3b4856 readable on white or black?
#3b4856 has a 9.34:1 contrast ratio on white and 2.24: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.