#9C5B53 Hex Color

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

Hex color #9c5b53 graphic
This dusty, muted red sits in a lower saturation range, giving it an understated and grounded presence. Because it is dark and warm, #9c5b53 works best as an accent color rather than a primary background. Pair it with crisp white or soft cream to create readable contrast. Its hex code is #9c5b53, which is accessible enough for small, readable body text.

Questions about #9c5b53

What is #9c5b53 in RGB, HSL and CMYK?
In RGB, #9c5b53 is rgb(156, 91, 83), in HSL hsl(7, 31%, 47%) and in CMYK 0%, 42%, 47%, 39%. Browse more shades of brown with names and hex codes.
How should I use #9c5b53 in a UI design?
#9c5b53 is best utilized as a secondary accent color rather than a primary background because of its low saturation and darker weight. It creates a subtle, earthy contrast when applied to buttons or icons against cream or ivory backgrounds.
Is #9c5b53 readable on white or black?
#9c5b53 has a 5.20:1 contrast ratio on white and 4.03: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.