#3A2A29 Hex Color

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

Hex color #3a2a29 graphic
This dark, muted red leans heavily into brown, creating an inky, almost charcoal appearance. Because #3a2a29 is so dim, it works best as a moody background or a grounding neutral rather than an accent. It pairs well with soft creams or warm golds to break up the seriousness. With high contrast against white text, this hex code is a practical choice for dark-themed UI designs.

Questions about #3a2a29

What is #3a2a29 in RGB, HSL and CMYK?
In RGB, #3a2a29 is rgb(58, 42, 41), in HSL hsl(4, 17%, 19%) and in CMYK 0%, 28%, 29%, 77%.
What colors pair best with #3a2a29 in a UI design?
Because #3a2a29 is a very dark, grounding shade, it creates high visual interest when paired with cream or soft gold accents. These warmer, lighter tones cut through the serious, inky quality of the dark brown-red base effectively.
Is #3a2a29 a good choice for text on a white background?
While #3a2a29 is dark enough to be legible, it functions better as a background color than as body text. Using it as a backdrop for white or light-colored text provides a sophisticated, moody contrast for branding or editorial layouts.
Is #3a2a29 readable on white or black?
#3a2a29 has a 13.60:1 contrast ratio on white and 1.54: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.