#8A5450 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty reddish-brown offers a grounded and understated aesthetic for UI backgrounds. Because it is highly muted, it avoids the intensity of primary reds. White text reads clearly against this shade with a 6.1:1 contrast ratio, ensuring excellent accessibility. The hex code #8a5450 functions best as a base color rather than a small accent, adding warmth to digital layouts without creating visual noise.
Questions about #8a5450
What is #8a5450 in RGB, HSL and CMYK?
In RGB, #8a5450 is rgb(138, 84, 80), in HSL hsl(4, 27%, 43%) and in CMYK 0%, 39%, 42%, 46%. Browse more shades of brown with names and hex codes.
Why is #8a5450 effective for UI design backgrounds?
This shade provides a professional, grounded aesthetic that avoids the intensity of standard reds while maintaining a 6.1:1 contrast ratio against white. It functions as a stable base color, reducing visual noise while keeping interface text highly legible for users.
What color schemes work best with #8a5450?
Because #8a5450 is highly desaturated, it pairs beautifully with neutral creams or a deep charcoal for text. You can also create a sophisticated analogous palette by combining it with softer, muted terracotta tones to maintain the earthy, warm visual consistency.
Is #8a5450 readable on white or black?
#8a5450 has a 6.06:1 contrast ratio on white and 3.46: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.