#3F5291 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels restrained and serious, making it a reliable choice for professional UI backgrounds or data-heavy interfaces. Because it lacks saturation, #3f5291 works best as a supporting tone rather than a dominant color. Pair it with soft cream or warm gray to avoid a harsh look. White text reads perfectly on this hex code, ensuring readability for small body text.
Questions about #3f5291
What is #3f5291 in RGB, HSL and CMYK?
In RGB, #3f5291 is rgb(63, 82, 145), in HSL hsl(226, 39%, 41%) and in CMYK 57%, 43%, 0%, 43%.
How does #3f5291 perform in professional UI design?
#3f5291 works effectively as a subtle background or supporting accent in professional interfaces because its low saturation minimizes visual fatigue. It maintains excellent readability when paired with white text, making it a stable choice for dashboards requiring prolonged user engagement.
Which colors pair well with #3f5291?
This muted blue creates a balanced aesthetic when paired with cream or warm gray to soften its inherent seriousness. Avoiding high-contrast neons helps preserve the sophisticated, restrained character of the color when used in layouts.
Is #3f5291 readable on white or black?
#3f5291 has a 7.42:1 contrast ratio on white and 2.82: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.