#313A85 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #313a85 graphic
#313a85 is a dark, moderately saturated indigo with cool blue-violet undertones. Its low lightness creates a serious, structured mood suited to finance, formal branding, night-sky themes, and moody interfaces. Use it as a dominant background with pale warm accents. White text reaches about 10.1:1 contrast, so this hex code supports readable small body text.

Questions about #313a85

What is #313a85 in RGB, HSL and CMYK?
In RGB, #313a85 is rgb(49, 58, 133), in HSL hsl(234, 46%, 36%) and in CMYK 63%, 56%, 0%, 48%.
What colors pair well with #313a85?
#313a85 pairs well with burgundy, muted blush, and warm ivory because those accents soften its cool, dark base without weakening its authority, especially in a restrained palette with generous neutral space. Use one warm accent for buttons or highlights.
Is #313a85 readable on white or black?
#313a85 has a 10.12:1 contrast ratio on white and 2.07: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.