#313A81 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted indigo that leans navy, #313a81 reads serious and subdued. Its low saturation makes it a strong base for dark mode interfaces, night sky themes, and moody brand palettes. White text reaches about 10.2:1 contrast, so it passes WCAG AA for body copy. For pairings, it looks richer against burgundy or dusty gold than against plain gray. The hex code #313a81 sits among deeper purple tones that favor depth over flash.
Questions about #313a81
What is #313a81 in RGB, HSL and CMYK?
In RGB, #313a81 is rgb(49, 58, 129), in HSL hsl(233, 45%, 35%) and in CMYK 62%, 55%, 0%, 49%.
What colors pair well with #313a81?
#313a81 pairs best with warm, slightly muted tones like burgundy, dusty gold, and terracotta, which bring out its navy depth. Avoid pairing it with bright primaries, since they can make it read flat and muddy.
Is #313a81 readable on white or black?
#313a81 has a 10.22:1 contrast ratio on white and 2.05: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.