#BA8E89 Hex Color

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

Hex color #ba8e89 graphic
This ashy, dusty red is incredibly muted, leaning into a warm, clay-like appearance. Because #ba8e89 lacks saturation, it serves best as a supporting tone or background color rather than a focal point. Pair it with charcoal greys or deep espresso browns to avoid a muddy look. Black text provides excellent readability against this shade, making it a reliable choice for readable, low-contrast UI backgrounds.

Questions about #ba8e89

What is #ba8e89 in RGB, HSL and CMYK?
In RGB, #ba8e89 is rgb(186, 142, 137), in HSL hsl(6, 26%, 63%) and in CMYK 0%, 24%, 26%, 27%.
How can I use #ba8e89 effectively in a design?
Because #ba8e89 is a low-saturation, ashy red, it works best as a calm background shade rather than a primary focal point. It provides excellent readability for black or dark charcoal text, making it ideal for minimalist UI designs where soft, natural tones are needed to create depth.
Which colors pair best with #ba8e89?
To avoid a muddy aesthetic, balance #ba8e89 with deep, grounding tones like espresso brown, charcoal gray, or deep navy. These darker colors provide the necessary contrast to pull the warmth out of the red without letting the overall composition feel flat or dull.
Is #ba8e89 readable on white or black?
#ba8e89 has a 2.86:1 contrast ratio on white and 7.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.