#422D28 Hex Color

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

Hex color #422d28 graphic
This dark, muted tone acts like an earthy red with distinct ashy undertones. Because it sits at the edge of black, #422d28 works best as a moody background or a subtle accent rather than a primary fill. It offers enough contrast for white text to remain readable, making it a reliable choice for dark mode UI designs or grounded, serious branding.

Questions about #422d28

What is #422d28 in RGB, HSL and CMYK?
In RGB, #422d28 is rgb(66, 45, 40), in HSL hsl(12, 25%, 21%) and in CMYK 0%, 32%, 39%, 74%.
What colors pair best with #422d28 in a design?
Because #422d28 is so dark, it works best when balanced by lighter neutrals or high-contrast accents. Pair it with a soft cream or warm beige to maintain readability, or use a vibrant copper for a sharp, modern pop against the dark background.
Does #422d28 work well for text in UI design?
Using #422d28 as a text color requires a very light background to meet accessibility standards. It functions much better as a moody background color where white or light gray text provides the necessary contrast to ensure legibility for all users.
Is #422d28 readable on white or black?
#422d28 has a 12.82:1 contrast ratio on white and 1.63: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.