#313233 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #313233 graphic
#313233 is a dark, stony grey with near-neutral undertones. Because it lacks distinct color biases, this hex code excels as a modern base for clean UI design and typography. It offers strong readability with white text, providing ample contrast for small body copy. Use it to ground bright accent colors or to create a sophisticated, moody atmosphere in minimal web interfaces.

Questions about #313233

What is #313233 in RGB, HSL and CMYK?
In RGB, #313233 is rgb(49, 50, 51), in HSL hsl(210, 2%, 20%) and in CMYK 4%, 2%, 0%, 80%.
Why is #313233 preferred over pure black for UI design?
#313233 is less harsh on the eyes than pure black, reducing eye strain while still providing the strong contrast needed for accessibility. It serves as a softer, more sophisticated base for text and borders that feels natural on modern screens.
Which color palettes work best with #313233?
#313233 pairs beautifully with crisp white to maximize readability, or with vibrant, saturated accents like mustard or teal for a modern, punchy contrast. Its neutral base allows it to recede, letting brighter colors take the visual lead.
Is #313233 readable on white or black?
#313233 has a 12.84: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.