#314B7F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#314b7f is a dark, muted blue with cool gray undertones and a matte, understated finish. Its depth gives interfaces, finance brands, and formal layouts a reliable, controlled feel. Use it as a supporting tone with burgundy or warm ivory. It also works as a background with white text, offering about 8.6:1 contrast. The hex code is #314b7f.
Questions about #314b7f
What is #314b7f in RGB, HSL and CMYK?
In RGB, #314b7f is rgb(49, 75, 127), in HSL hsl(220, 44%, 35%) and in CMYK 61%, 41%, 0%, 50%. Browse more shades of blue with names and hex codes.
What colors pair well with #314b7f?
#314b7f pairs well with warm ivory, burgundy, muted gold, and soft gray because these tones balance its cool blue-gray base without competing with its depth. Use lighter tones for contrast and warmer accents for emphasis.
Where does #314b7f work best in a design?
Use #314b7f for navigation, dashboards, finance interfaces, formal layouts, and dark backgrounds where a controlled, reliable mood matters and helps separate key actions from surrounding content in dense screens. Pair it with white text or lighter surfaces.
Is #314b7f readable on white or black?
#314b7f has a 8.59:1 contrast ratio on white and 2.44: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.