#3A221C Hex Color

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

Hex color #3a221c graphic
An extremely dark, desaturated red, #3a221c functions as a grounded alternative to pure black. This tone works best as a moody background, providing enough depth to make lighter UI elements pop. Because the hex code #3a221c is so deep, it supports white text with high readability. Avoid using it for fine details or small icons, where the color can quickly lose its definition.

Questions about #3a221c

What is #3a221c in RGB, HSL and CMYK?
In RGB, #3a221c is rgb(58, 34, 28), in HSL hsl(12, 35%, 17%) and in CMYK 0%, 41%, 52%, 77%.
When is it better to use #3a221c instead of pure black?
#3a221c provides a softer, more organic aesthetic that feels less harsh than pure black on digital screens. It acts as a grounding anchor for UI designs, offering enough visual weight to support high-contrast white text while maintaining a warmer, more sophisticated atmosphere.
What colors pair best with #3a221c for a balanced palette?
This deep shade pairs exceptionally well with muted neutrals like cream or soft beige, which provide enough contrast to keep the design readable without jarring the eye. For a more dramatic look, accent with metallic copper or dusty rose to bring out the subtle red undertones.
Is #3a221c readable on white or black?
#3a221c has a 14.73:1 contrast ratio on white and 1.42: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.