#554232 Hex Color

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

Hex color #554232 graphic
This dark, desaturated brown acts as a grounded, matte base for moody layouts. Because of its extremely low chroma, #554232 functions best as a dark neutral or a replacement for black in organic branding. While it feels serious and reliable, be careful with large blocks of it as the dusty tone can quickly become muddy. It pairs cleanly with cream or gold accents for high contrast.

Questions about #554232

What is #554232 in RGB, HSL and CMYK?
In RGB, #554232 is rgb(85, 66, 50), in HSL hsl(27, 26%, 26%) and in CMYK 0%, 22%, 41%, 67%.
What colors pair best with #554232 in a design layout?
#554232 works most effectively when paired with high-contrast, creamy neutrals like ivory or warm metallic tones such as gold. Because this brown is so desaturated and moody, adding lighter, warmer accents prevents the design from feeling too muddy or flat.
Should I use #554232 instead of black for web text?
Using #554232 as a text color creates a softer, more organic reading experience than pure black, which can sometimes appear too harsh on digital screens. Ensure you test your background contrast ratios, as this shade is dark enough to function as body text but lacks the intensity of true black.
Is #554232 readable on white or black?
#554232 has a 9.49:1 contrast ratio on white and 2.21: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.