#402B18 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, desaturated brown leans heavily into dark, ashy tones. The hex code #402b18 provides a grounded, moody base ideal for organic branding or vintage UI layouts. Because it offers a 13.3:1 contrast ratio against white, it remains fully legible for body text. Pair it with soft cream accents to prevent the design from feeling too murky or oppressive.
Questions about #402b18
What is #402b18 in RGB, HSL and CMYK?
In RGB, #402b18 is rgb(64, 43, 24), in HSL hsl(28, 45%, 17%) and in CMYK 0%, 33%, 63%, 75%.
Does #402b18 work well for body text?
Yes, #402b18 is an excellent choice for body text because it provides a strong 13.3:1 contrast ratio against white backgrounds. This provides high readability while offering a softer, less aggressive appearance than pure black, making it ideal for long-form reading.
What colors pair best with #402b18?
Is #402b18 readable on white or black?
#402b18 has a 13.31:1 contrast ratio on white and 1.57: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.