#3F4D71 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious and grounded tone. Because of its low saturation and dark value, #3f4d71 works well as a stable background color for professional tech or finance sites. It pairs effectively with white text, which maintains high legibility against this shade. Avoid using it for small, critical details where high contrast is necessary, as it can appear slightly muddy.
Questions about #3f4d71
What is #3f4d71 in RGB, HSL and CMYK?
In RGB, #3f4d71 is rgb(63, 77, 113), in HSL hsl(223, 28%, 35%) and in CMYK 44%, 32%, 0%, 56%.
What makes #3f4d71 effective for professional interfaces?
This muted, dusty blue provides a stable, low-contrast foundation that prevents eye fatigue in data-heavy or professional applications. Its dark value ensures that white text remains highly legible, making it an excellent choice for headers or structural background elements.
Which colors pair best with #3f4d71?
To maintain the serious tone of #3f4d71, pair it with crisp white to ensure maximum readability for text. For accents, use a soft gold or light cream to introduce warmth without overwhelming the grounded nature of this dark blue base.
Is #3f4d71 readable on white or black?
#3f4d71 has a 8.36:1 contrast ratio on white and 2.51: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.