#313A49 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty slate blue feels grounded and professional. It lacks the starkness of pure black, making it an excellent choice for backgrounds in data-heavy interfaces or modern SaaS branding. Because #313a49 offers such high contrast with white text, it maintains strong readability for body copy. Pair it with muted gold accents to add warmth and break up its serious, industrial tone. The hex code for this color is #313a49.
Questions about #313a49
What is #313a49 in RGB, HSL and CMYK?
In RGB, #313a49 is rgb(49, 58, 73), in HSL hsl(218, 20%, 24%) and in CMYK 33%, 21%, 0%, 71%.
What color schemes work best with #313a49?
Use #313a49 as a deep anchor point for high-contrast palettes by pairing it with mustard yellow or soft cream accents. These warm tones neutralize its cool, industrial slate undertones, creating a balanced, approachable interface that remains professional.
Is #313a49 a suitable background for body text?
Yes, #313a49 serves as an excellent background for white or light gray typography because it provides strong legibility without the harshness of a true black background. This makes it ideal for data-heavy SaaS dashboards that require long-term readability.
Is #313a49 readable on white or black?
#313a49 has a 11.46:1 contrast ratio on white and 1.83: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.