Bistre
Deep moody brown with matte grounding power
Bistre is a matte, muted brown with significant grey undertones. Because it sits on the darker side of the spectrum, it creates a moody, serious atmosphere. It works best as a grounding anchor in designs, especially when paired with creamy off-whites or soft gold accents. The hex code for this shade is #3d2b1f. Use it carefully, as large blocks can sometimes read as muddy.
About Bistre
Cold hearth soot swept across old floorboards
What does bistre mean?
Bistre often calls to mind soot, shadowed wood, and the deep brown of ink-stained drawings. Its low lightness and muted saturation give it a heavy, matte stillness, like a room after the fire goes out.
Where you see bistre
- tree bark
- coffee grounds
- dark leather
- fertile soil
- walnut stain
- soot
What it works for
Use it for grounding text, dark UI surfaces, leather goods, packaging, or moody illustrations that need warmth without brightness.
What colors go with bistre?
Linen #faf0e6Warm pale linen lifts the darkness and keeps the pairing soft instead of stark.Sage #9caf88Sage adds a dry, herbal green that sits naturally beside earthy brown.Mustard #ffdb58A small dose of mustard injects heat without breaking the muted mood.Slate Blue #6a5acdCool slate blue balances the warm brown and deepens the shadowy feel.Dusty Rose #b56f76Dusty rose shares the low saturation and warms the brown with faded brick tones.
Questions about Bistre
What is the hex code for Bistre?
Bistre is #3d2b1f. In RGB that is rgb(61, 43, 31), in HSL hsl(24, 33%, 18%) and in CMYK 0%, 30%, 49%, 76%.
What works best as a companion for Bistre #3d2b1f?
Bistre pairs beautifully with creamy off-whites or soft gold accents to balance its serious, moody nature. You can also create a sophisticated contrast by incorporating muted tones like sage or light, airy neutrals to prevent the design from feeling too heavy or muddy.
Does Bistre #3d2b1f work for large background areas?
Because it is a dense, dark brown, using it in large blocks can create a muddy effect unless managed carefully. It is best utilized as a grounding element, such as for text, thin borders, or subtle accents, rather than an expansive, solid background.
Is Bistre readable on white or black?
Bistre has a 13.42:1 contrast ratio on white and 1.56: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.