#F1C9A5
#E0A97F
#4AAAB5
#9E6A48
#9E6A48 · Clay
Click to copy#9E6A48 is a medium, muted brown color, closest to Clay and near Clay and Shadow. In OKLCH it has 57% lightness and 0.08 chroma at hue 54°. Brown suggests earthiness, comfort and reliability; it grounds brighter colors, which makes #9E6A48 a natural choice for coffee shops, furniture, crafts and rustic brands. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#9E6A48RGB
rgb(158, 106, 72)HSL
hsl(24, 37%, 45%)CMYK
0, 33, 54, 38CSS var
--clayContrast
4.56:1 white · 4.61:1 blackSimilar named colors
How to use #9E6A48
Both white and black text pass WCAG AA on it, so it is easy to use as a background.
For a calm scheme pair #9E6A48 with its analogous neighbors #9D4851 and #9D9548; for contrast use its complement #487B9D as a small accent, and anchor everything with a neutral such as #F5F5F7.
--clay: #9E6A48;
$clay: #9E6A48;
colors: { 'clay': '#9E6A48' }