#31363F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#31363f is a dim, dusty blue with strong grey undertones. It functions best as a dark neutral base for interface designs or moody branding rather than a bright accent. Because this hex code offers excellent contrast for white text, it works well for readable body copy on web backgrounds. Use it when you need a serious, muted alternative to standard black or navy.
Questions about #31363f
What is #31363f in RGB, HSL and CMYK?
In RGB, #31363f is rgb(49, 54, 63), in HSL hsl(219, 13%, 22%) and in CMYK 22%, 14%, 0%, 75%.
Is #31363f a good choice for text against a white background?
This color provides excellent contrast for white text, making it a highly readable and professional choice for body copy or large headings on light-themed websites. It remains significantly softer on the eyes than pure black while maintaining serious, high-authority legibility.
How can I effectively pair #31363f with other colors?
Because #31363f is a deeply muted neutral, it pairs beautifully with vibrant accent colors like mustard or burnt orange to create a balanced, modern visual hierarchy. It also works seamlessly alongside lighter, cool-toned greys to build a sophisticated and monochromatic interface palette.
Is #31363f readable on white or black?
#31363f has a 12.13:1 contrast ratio on white and 1.73: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.