#57321A Hex Color

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

Hex color #57321a graphic
This dark, muted brown is somber and grounded, offering a serious alternative to black. Because it is highly desaturated, #57321a works best as a moody background or a grounding neutral in packaging design. It provides excellent contrast for white text, ensuring readability in UI applications. Use this hex code sparingly to avoid a muddy appearance, as its weight dominates brighter surrounding colors.

Questions about #57321a

What is #57321a in RGB, HSL and CMYK?
In RGB, #57321a is rgb(87, 50, 26), in HSL hsl(24, 54%, 22%) and in CMYK 0%, 43%, 70%, 66%.
How should I use #57321a in interface design?
Use #57321a sparingly as a deep, grounding neutral for background elements or secondary text rather than primary interactive buttons. Because of its weight, it balances well against clean cream or stark white surfaces to maintain readability.
Is #57321a a warm or cool brown?
The #57321a hex code reads as a warm, organic brown with significant earthy undertones. It avoids the clinical feel of pure black while providing enough darkness to create high contrast against lighter, desaturated accents like sage or soft beige.
Is #57321a readable on white or black?
#57321a has a 11.19:1 contrast ratio on white and 1.87: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.