#313334 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark charcoal grey is a serious and restrained tone. It functions as a stable base for modern user interfaces, providing strong legibility for white text. Because it is so neutral, it works best as a primary background rather than a highlight. The hex code for this moody shade is #313334. Use it sparingly, as it can feel too heavy in large, unbroken blocks.
Questions about #313334
What is #313334 in RGB, HSL and CMYK?
In RGB, #313334 is rgb(49, 51, 52), in HSL hsl(200, 3%, 20%) and in CMYK 6%, 2%, 0%, 80%.
Where should I use #313334 in a user interface?
This deep, neutral tone functions best as a primary background or a soft alternative to pure black for body text. It prevents the harsh contrast that solid black often creates against white, making it perfect for extended reading environments like dashboards or long-form mobile articles.
Does #313334 read as a warm or cool grey?
It leans slightly cool due to its subtle blue undertones, which gives it a sophisticated, moody presence compared to warmer, brownish greys. This characteristic allows it to pair effectively with crisp white accents or vibrant primary colors that need a grounding element.
Is #313334 readable on white or black?
#313334 has a 12.69:1 contrast ratio on white and 1.65: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.