#313C4A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated, inky blue with heavy grey undertones, #313c4a brings a serious and muted quality to design. Because it sits on the darker side, it functions best as a stable, moody background for modern tech or financial interfaces. White text pops clearly against it with an 11.2:1 contrast ratio. Use this hex code when you need a professional, restrained alternative to standard navy or pitch black.
Questions about #313c4a
What is #313c4a in RGB, HSL and CMYK?
In RGB, #313c4a is rgb(49, 60, 74), in HSL hsl(214, 20%, 24%) and in CMYK 34%, 19%, 0%, 71%.
Is #313c4a better for text or backgrounds?
#313c4a serves as an excellent dark background color because it provides high readability for white text, achieving a strong 11.2:1 contrast ratio. It is too dark to be used as a primary text color against light backgrounds, as it lacks sufficient contrast.
What colors pair best with #313c4a?
Is #313c4a readable on white or black?
#313c4a has a 11.19:1 contrast ratio on white and 1.87: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.