#313A41 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, charcoal-blue carries a serious weight that makes it perfect for secure, professional interfaces. Because #313a41 sits firmly in the shadows, it serves well as a dominant base for dark mode designs. White text stands out sharply against this tone, maintaining excellent readability for body copy. Pair it with soft, muted greys to avoid harsh visual competition in your layout.
Questions about #313a41
What is #313a41 in RGB, HSL and CMYK?
In RGB, #313a41 is rgb(49, 58, 65), in HSL hsl(206, 14%, 22%) and in CMYK 25%, 11%, 0%, 75%.
What color palettes complement #313a41?
Because #313a41 is a neutral-leaning charcoal blue, it pairs best with soft, desaturated tones to maintain a cohesive professional mood. Try combining it with slate or cool grays to avoid visual clutter, or use warm, muted accents to add subtle depth.
Is #313a41 readable on white or black?
#313a41 has a 11.58:1 contrast ratio on white and 1.81: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.