#3D2D28 Hex Color

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

Hex color #3d2d28 graphic
This dark, dusty brown acts as a grounding anchor for moody UI palettes. With its low saturation and heavy, matte finish, #3d2d28 provides a sophisticated alternative to pure black. It offers excellent legibility for white text, making it a reliable choice for dark backgrounds. Pair this hex code with soft ochres or muted creams to prevent the design from feeling too oppressive.

Questions about #3d2d28

What is #3d2d28 in RGB, HSL and CMYK?
In RGB, #3d2d28 is rgb(61, 45, 40), in HSL hsl(14, 21%, 20%) and in CMYK 0%, 26%, 34%, 76%.
How can I use #3d2d28 effectively in UI design?
Use #3d2d28 as a sophisticated background anchor to improve legibility for white text in dark mode interfaces. Its low saturation keeps the design grounded and professional, preventing the eye fatigue often caused by pure black backgrounds.
What colors pair well with #3d2d28?
Pair #3d2d28 with soft ochre or muted cream tones to add warmth without overwhelming the dark base. These lighter, desaturated accents create a balanced, earthy palette that feels refined rather than heavy or oppressive.
Is #3d2d28 readable on white or black?
#3d2d28 has a 13.08:1 contrast ratio on white and 1.60: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.