#40382E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty brown carries an ashy quality that leans into moody, understated design. Because it is highly muted and absorbs light, #40382e serves best as a grounding background element rather than a bright accent. It pairs well with soft cream or muted gold to cut the gloom. Since white text offers high contrast against this hex code, it remains readable for UI and web interfaces.
Questions about #40382e
What is #40382e in RGB, HSL and CMYK?
In RGB, #40382e is rgb(64, 56, 46), in HSL hsl(33, 16%, 22%) and in CMYK 0%, 13%, 28%, 75%.
What colors pair best with #40382e?
This color pairs beautifully with soft creams or muted golds, which help balance its heavy, dusty nature. Using a crisp white or light beige creates a strong contrast that ensures text remains highly readable for UI design.
Is #40382e suitable for use as a primary interface color?
While #40382e is excellent for grounding backgrounds or footer sections, it can feel too heavy as a primary interface color. It performs best when balanced by brighter accents or generous whitespace to prevent the design from feeling overly enclosed.
Is #40382e readable on white or black?
#40382e has a 11.51:1 contrast ratio on white and 1.82: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.