#313A9B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated indigo feels authoritative and stable, making it an effective choice for corporate branding or moody, night-themed interfaces. Because it is quite dark, white text offers excellent legibility against this background. While it commands attention, pair it with muted metallics or soft creams to keep the design from feeling too heavy. The hex code for this color is #313a9b.
Questions about #313a9b
What is #313a9b in RGB, HSL and CMYK?
In RGB, #313a9b is rgb(49, 58, 155), in HSL hsl(235, 52%, 40%) and in CMYK 68%, 63%, 0%, 39%.
What colors pair best with #313a9b in a UI design?
#313a9b creates a sophisticated look when paired with soft creams or muted metallics to balance its intensity. For high-contrast typography, use crisp white or very light grays to ensure the text remains legible against this deep, authoritative indigo background.
Is #313a9b readable on white or black?
#313a9b has a 9.50:1 contrast ratio on white and 2.20: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.