#31331C Hex Color

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

Hex color #31331c graphic
#31331c is a dim, olive-leaning shade with very low saturation. This dark, earthy tone feels somber and serious, making it a strong choice for moody UI backgrounds or grounded supporting elements. Because it is so muted, pair this hex code with vibrant gold or cream to prevent it from feeling too heavy. It offers excellent contrast for white text, ensuring your design remains legible.

Questions about #31331c

What is #31331c in RGB, HSL and CMYK?
In RGB, #31331c is rgb(49, 51, 28), in HSL hsl(65, 29%, 15%) and in CMYK 4%, 0%, 45%, 80%.
What colors pair best with #31331c for a balanced palette?
#31331c feels heavy and somber, so it requires brightness to stay legible. Pair it with high-contrast cream or warm gold to lift the mood, or use crisp white text to ensure your design remains fully accessible.
Is #31331c suitable for large-scale UI backgrounds?
Yes, #31331c works well as a grounding background element in moody, minimalist, or editorial-style web interfaces. Because of its low saturation, it provides a serious, professional backdrop that allows brighter accent colors or typography to pop without visual clutter.
Is #31331c readable on white or black?
#31331c has a 12.95: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.