#3F505E Hex Color

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

Hex color #3f505e graphic
This dusty, muted blue sits on the darker side of the spectrum with distinct grey undertones. It functions as a stable base for tech or government interfaces where seriousness is the goal. Because it offers high contrast with white, the hex code #3f505e is a reliable choice for readable body text or UI backgrounds that need to feel professional without relying on stark, pitch black.

Questions about #3f505e

What is #3f505e in RGB, HSL and CMYK?
In RGB, #3f505e is rgb(63, 80, 94), in HSL hsl(207, 20%, 31%) and in CMYK 33%, 15%, 0%, 63%.
Is #3f505e appropriate for professional body text?
Yes, #3f505e serves as an excellent alternative to harsh black for body text, offering high contrast against white backgrounds while maintaining a softer, more modern aesthetic. Its grey undertones ensure readability without eye strain during long-form reading sessions.
What colors pair well with #3f505e?
This muted blue balances beautifully with warm sand or soft cream neutrals, which soften its industrial edge. For a sharper, corporate look, pairing it with crisp white or light silver keeps the interface feeling clean and authoritative.
Is #3f505e readable on white or black?
#3f505e has a 8.33:1 contrast ratio on white and 2.52: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.