#313231 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated grey creates a moody foundation for interface designs. Because it is so dim, it lacks the harshness of pure black, making it an excellent choice for large backgrounds or typography. The hex code for this neutral shade is #313231. Pair it with crisp white text to take advantage of its 12.9:1 contrast ratio, ensuring high legibility even for small body copy.
Questions about #313231
What is #313231 in RGB, HSL and CMYK?
In RGB, #313231 is rgb(49, 50, 49), in HSL hsl(120, 1%, 19%) and in CMYK 2%, 0%, 2%, 80%.
Which colors best complement the #313231 shade in UI design?
This shade pairs best with high-contrast, clean white text or soft, desaturated accent colors like sage greens or muted blues. Avoid neon shades with #313231, as they may clash with its subtle, grounded, and inherently neutral personality.
Is #313231 readable on white or black?
#313231 has a 12.87:1 contrast ratio on white and 1.63: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.