#313E47 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ink-toned blue sits heavy and muted on the page. Because #313e47 is so dark, it serves better as a grounding base for UI backgrounds or serious brand identities than as a small accent. It offers high contrast for white text, so it remains readable for body content. Pair it with lighter slate tones or warm metallics to avoid a strictly gloomy appearance.
Questions about #313e47
What is #313e47 in RGB, HSL and CMYK?
In RGB, #313e47 is rgb(49, 62, 71), in HSL hsl(205, 18%, 24%) and in CMYK 31%, 13%, 0%, 72%. Browse more shades of gray with names and hex codes.
How can #313e47 be effectively used in UI design?
Use #313e47 as a grounding background color to provide high contrast for white or light-toned text. It works effectively as a sophisticated alternative to pure black or dark gray in professional web interfaces.
What colors pair best with #313e47?
This color pairs beautifully with warm metallics like brass or gold to lift its heavy tone. For a neutral palette, integrate lighter slate tones or cool off-whites to maintain a clean, readable aesthetic without looking gloomy.
Is #313e47 readable on white or black?
#313e47 has a 10.99:1 contrast ratio on white and 1.91: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.