#314E77 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dusty, #314e77 functions as a cool, serious base for corporate branding or UI design. Because it lacks high saturation, this shade avoids feeling aggressive while maintaining authority. It offers excellent contrast for white typography, making it a reliable choice for long-form content. Use this hex code as a secondary background color to ground your palette without overwhelming lighter elements.
Questions about #314e77
What is #314e77 in RGB, HSL and CMYK?
In RGB, #314e77 is rgb(49, 78, 119), in HSL hsl(215, 42%, 33%) and in CMYK 59%, 34%, 0%, 53%. Browse more shades of blue with names and hex codes.
What makes #314e77 effective for UI design?
#314e77 works as a balanced background because its low saturation prevents eye strain, offering high contrast for white text. It provides a grounded, authoritative feel for professional dashboards or long-form reading apps without appearing visually aggressive.
Which colors complement #314e77?
Is #314e77 readable on white or black?
#314e77 has a 8.44:1 contrast ratio on white and 2.48: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.