#314EA1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, mid-tone blue, #314ea1 carries a heavy, serious presence. It lacks the brightness of primary shades, making it a reliable choice for professional UI backgrounds or security-focused branding. Because of its cool, restrained temperature, it pairs effectively with crisp white text, which stands out with a 7.7:1 contrast ratio. If you find the hue too saturated, learning what colors make gray helps when mixing custom shadows.
Questions about #314ea1
What is #314ea1 in RGB, HSL and CMYK?
In RGB, #314ea1 is rgb(49, 78, 161), in HSL hsl(224, 53%, 41%) and in CMYK 70%, 52%, 0%, 37%.
Where should I use #314ea1 in a user interface?
#314ea1 works best as a primary action color for dashboards or security-focused applications where stability is prioritized over excitement. Its cool temperature feels reliable, and it maintains high readability when paired with white text for buttons or navigation bars.
Does #314ea1 work well with neutral colors?
Yes, #314ea1 pairs exceptionally well with cool grays and crisp whites because it lacks the vibrant saturation found in primary blues. Using it against neutral backdrops highlights its restrained, professional nature without overwhelming the viewer's eye or creating visual clutter.
Is #314ea1 readable on white or black?
#314ea1 has a 7.67:1 contrast ratio on white and 2.73: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.