#3B2A22
#7A5A48
#8FD3C0
#F5F1EC
#7A5A48 · Cocoa
Click to copy#7A5A48 is a medium, muted brown color, closest to Cocoa and near Cocoa and Coffee. In OKLCH it has 50% lightness and 0.05 chroma at hue 51°. Brown suggests earthiness, comfort and reliability; it grounds brighter colors, which makes #7A5A48 a natural choice for coffee shops, furniture, crafts and rustic brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#7A5A48RGB
rgb(122, 90, 72)HSL
hsl(22, 26%, 38%)CMYK
0, 26, 41, 52CSS var
--cocoaContrast
6.21:1 white · 3.38:1 blackSimilar named colors
How to use #7A5A48
White text passes WCAG AA on #7A5A48 (6.21:1); black does not, so keep dark text off it.
For a calm scheme pair #7A5A48 with its analogous neighbors #7A484E and #7A7348; for contrast use its complement #48687A as a small accent, and anchor everything with a neutral such as #F5F5F7.
--cocoa: #7A5A48;
$cocoa: #7A5A48;
colors: { 'cocoa': '#7A5A48' }