#F9F1EA
#DEDFC6
#55CE93
#4A3A30
#4A3A30 · Taupe
Click to copy#4A3A30 is a dark, muted gray color, closest to Taupe and near Taupe and Iron. In OKLCH it has 36% lightness and 0.03 chroma at hue 54°. Gray suggests neutrality and balance; it lets other colors lead, which makes #4A3A30 a natural choice for text, borders and interface chrome. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#4A3A30RGB
rgb(74, 58, 48)HSL
hsl(23, 21%, 24%)CMYK
0, 22, 35, 71CSS var
--taupeContrast
10.83:1 white · 1.94:1 blackSimilar named colors
How to use #4A3A30
White text passes WCAG AA on #4A3A30 (10.83:1); black does not, so keep dark text off it.
For a calm scheme pair #4A3A30 with its analogous neighbors #4A3033 and #4A4730; for contrast use its complement #30404A as a small accent, and anchor everything with a neutral such as #F5F5F7.
--taupe: #4A3A30;
$taupe: #4A3A30;
colors: { 'taupe': '#4A3A30' }