#3F4756 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #3f4756 is a dark, muted blue with a dusty blue-gray cast and matte finish. Its low saturation creates a serious, controlled mood for security, finance, technology, and government designs. Use it as a dominant background or supporting tone. White text reaches about 9.3:1 contrast here, so it works behind small body text.
Questions about #3f4756
What is #3f4756 in RGB, HSL and CMYK?
In RGB, #3f4756 is rgb(63, 71, 86), in HSL hsl(219, 15%, 29%) and in CMYK 27%, 17%, 0%, 66%.
What colors pair well with #3f4756?
#3f4756 pairs well with warm off-white, muted terracotta, and burgundy because their warmth breaks up its cool, gray undertone without overpowering its restrained character. Use those warmer shades for buttons, highlights, or small graphic accents against its darker base.
Where does #3f4756 work best in a design?
It works best as a dark base for dashboards, security interfaces, finance layouts, and moody editorial sections, where its low saturation adds structure without drawing attention from content. Use brighter text or accents to maintain hierarchy.
Is #3f4756 readable on white or black?
#3f4756 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.