#312787 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark indigo brings a serious, authoritative weight to moody UI designs and corporate branding. Because it sits between deep blue and violet, it offers more complexity than standard navy. Use #312787 as a dominant background to ground a layout, especially since white text provides excellent readability against it. It performs best when paired with soft metallics or pale, neutral accents rather than bright primaries.
Questions about #312787
What is #312787 in RGB, HSL and CMYK?
In RGB, #312787 is rgb(49, 39, 135), in HSL hsl(246, 55%, 34%) and in CMYK 64%, 71%, 0%, 47%.
What colors pair best with #312787 for a balanced palette?
To balance the intensity of #312787, pair it with soft, muted metallics or pale neutrals. Avoid bright primaries, which can clash with its sophisticated, moody character, and instead opt for subtle silver or cream tones for clean, high-contrast text and accents.
Is #312787 readable on white or black?
#312787 has a 11.86:1 contrast ratio on white and 1.77: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.