#313061 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, inky indigo feels serious and grounded. With its matte finish and low saturation, #313061 works best as a moody background or a professional anchor for corporate palettes. It offers excellent contrast for white text, making it highly readable for UI design. Use this hex code to build authority and stability in your layouts, but pair it with warm metallics to avoid a sterile, cold feel.
Questions about #313061
What is #313061 in RGB, HSL and CMYK?
In RGB, #313061 is rgb(49, 48, 97), in HSL hsl(241, 34%, 28%) and in CMYK 49%, 51%, 0%, 62%.
What colors pair well with #313061?
Is #313061 suitable for text-heavy UI designs?
Yes, this shade serves as an excellent, readable anchor for UI designs when paired with high-contrast white text. Its low saturation prevents visual fatigue, making it a professional choice for backgrounds or navigation bars in applications that require a serious, stable user interface.
Is #313061 readable on white or black?
#313061 has a 12.16:1 contrast ratio on white and 1.72: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.