#314C82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, this blue has low saturation, giving it a dusty, serious character. The hex code #314c82 brings depth, trust, and restraint to finance, technology, government, and security designs. Use it as a supporting tone or dark interface background, pairing it with warm ivory or muted gold. White text has about an 8.4:1 contrast ratio here.
Questions about #314c82
What is #314c82 in RGB, HSL and CMYK?
In RGB, #314c82 is rgb(49, 76, 130), in HSL hsl(220, 45%, 35%) and in CMYK 62%, 42%, 0%, 49%.
What colors pair well with #314c82?
Warm ivory creates a clear, gentle contrast with #314c82, while muted gold adds restrained warmth; pale blue-gray can support a quieter monochromatic palette without competing with its dusty blue character.
Does #314c82 look warm or cool?
#314c82 reads as a cool blue because its hue is blue and its muted saturation keeps it from feeling vivid or tropical. The dark value adds seriousness, making it suitable for restrained, dependable visual systems.
Is #314c82 readable on white or black?
#314c82 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.