#3F4A57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue feels serious and controlled. The hex code #3f4a57 serves well as a grounded background for finance or tech interfaces where clarity matters. Because of its dark, desaturated nature, it provides high contrast for white typography. While it can feel moody, pair it with warm metallics to avoid a sterile look. It acts as a reliable anchor in professional design systems.
Questions about #3f4a57
What is #3f4a57 in RGB, HSL and CMYK?
In RGB, #3f4a57 is rgb(63, 74, 87), in HSL hsl(213, 16%, 29%) and in CMYK 28%, 15%, 0%, 66%.
Does #3f4a57 work well as a primary interface background?
Yes, #3f4a57 is an excellent choice for background applications where you need to avoid the starkness of pure black while maintaining professional clarity. Its inherent depth ensures that white text remains highly legible, creating a sophisticated and grounded visual hierarchy for complex data interfaces.
Is #3f4a57 readable on white or black?
#3f4a57 has a 9.01:1 contrast ratio on white and 2.32: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.