#314D7F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, slate-like blue brings a serious, professional tone to finance and technology branding. The hex code #314d7f provides strong readability for white text, which makes it ideal for dense interface backgrounds. Because it sits between pure blue and neutral, learning mixing gray techniques helps you balance this shade against brighter accent colors without making the overall palette feel dull or muddy.
Questions about #314d7f
What is #314d7f in RGB, HSL and CMYK?
In RGB, #314d7f is rgb(49, 77, 127), in HSL hsl(218, 44%, 35%) and in CMYK 61%, 39%, 0%, 50%.
Where should I use the #314d7f hex color?
#314d7f excels in professional settings like financial dashboards or B2B software interfaces where trust and readability are critical. Because it maintains strong contrast against white text, it functions effectively as a primary header, navigation bar, or active state element.
What colors pair well with #314d7f?
Is #314d7f readable on white or black?
#314d7f has a 8.40:1 contrast ratio on white and 2.49: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.