#36312C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#36312c is a desaturated, near-black brown that feels heavy and grounded. Its dusty, ashy character makes it an ideal, moodier alternative to pure black for UI backgrounds. Because this hex code offers excellent contrast ratios with white text, you can use it confidently for readability. Pair it with soft, warm creams or muted golds to avoid a muddy appearance in your design work.
Questions about #36312c
What is #36312c in RGB, HSL and CMYK?
In RGB, #36312c is rgb(54, 49, 44), in HSL hsl(30, 10%, 19%) and in CMYK 0%, 9%, 19%, 79%.
Why is #36312c a better choice than pure black for UI backgrounds?
#36312c provides a softer visual experience that reduces eye strain while maintaining high contrast against light text. Because it contains subtle brown undertones, it feels more organic and less harsh than a true #000000 black, making it ideal for modern, approachable digital interfaces.
What colors pair best with #36312c in a design scheme?
This deep shade works exceptionally well with soft, warm neutrals like cream or muted gold to prevent the design from feeling muddy. If you want a bit of color, try pairing it with a muted sage or a soft terracotta for a balanced, earthy palette.
Is #36312c readable on white or black?
#36312c has a 12.86: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.