#422C20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely dark, dusty brown creates a serious, grounded atmosphere. Because it is highly unsaturated, it works best as a moody backdrop rather than a primary highlight. White text offers excellent legibility here, making it a reliable choice for dark mode UI designs. Pair it with soft, creamy neutrals to prevent the color from appearing muddy. The hex code for this shade is #422c20.
Questions about #422c20
What is #422c20 in RGB, HSL and CMYK?
In RGB, #422c20 is rgb(66, 44, 32), in HSL hsl(21, 35%, 19%) and in CMYK 0%, 33%, 52%, 74%.
What colors pair best with #422c20 in a design scheme?
This deep, dusty brown works best alongside soft, creamy neutrals to prevent the overall design from appearing muddy or flat. For higher contrast, pair #422c20 with crisp whites or very light off-whites to ensure text readability on dark mode layouts.
Is #422c20 suitable for text on dark backgrounds?
No, #422c20 is too dark to be used effectively as text against most dark backgrounds, as it lacks sufficient contrast to be readable. Instead, use this shade as a background color itself, pairing it with high-contrast, light-colored typography or iconography.
Is #422c20 readable on white or black?
#422c20 has a 13.02:1 contrast ratio on white and 1.61: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.