#313136 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted grey functions as an excellent anchor for minimal interfaces and moody brand identities. Because of its deep saturation, it provides a sophisticated alternative to pure black while maintaining high readability for white typography. The hex code #313136 pairs well with dusty pastels or vibrant accent colors, preventing the flat, washed-out look that lighter greys often suffer from in dark mode designs.
Questions about #313136
What is #313136 in RGB, HSL and CMYK?
In RGB, #313136 is rgb(49, 49, 54), in HSL hsl(240, 5%, 20%) and in CMYK 9%, 9%, 0%, 79%.
Is #313136 better than pure black for user interfaces?
Using #313136 instead of pure black reduces visual strain on users while maintaining strong contrast against white text. It provides a softer, more professional aesthetic for backgrounds and typography that feels less jarring on digital screens.
Which color combinations work best with #313136?
#313136 pairs effectively with muted pastels or high-contrast vibrant accents to create visual depth. Because it is a neutral dark grey, it functions as a stable anchor that prevents brighter colors from feeling overwhelming or disjointed in design layouts.
Is #313136 readable on white or black?
#313136 has a 12.93:1 contrast ratio on white and 1.62: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.