#3F4C6E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3f4c6e graphic
#3f4c6e is an inky, desaturated slate that feels grounded and serious. This cool, dusty tone works best as a primary background for tech or finance interfaces where authority is needed. Because it is quite dark, white text remains highly legible against it. Pair it with soft cream or muted mustard to break up its stark, gloomy weight without losing that professional, reliable edge. The hex code is #3f4c6e.

Questions about #3f4c6e

What is #3f4c6e in RGB, HSL and CMYK?
In RGB, #3f4c6e is rgb(63, 76, 110), in HSL hsl(223, 27%, 34%) and in CMYK 43%, 31%, 0%, 57%.
What colors pair well with #3f4c6e?
Soft cream or muted mustard yellow tones provide the best contrast for #3f4c6e, effectively breaking up its heavy, gloomy weight without destroying the professional edge. These warmer neutrals ground the slate tone and enhance legibility when used for UI elements.
Is #3f4c6e a suitable background for text?
#3f4c6e is an excellent choice for dark mode UI backgrounds because it is deep enough to allow white text to remain highly legible while feeling less harsh than pure black. It offers a sophisticated, authoritative alternative for finance and tech dashboards.
Is #3f4c6e readable on white or black?
#3f4c6e has a 8.50:1 contrast ratio on white and 2.47: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.