#F8F1E9
#EFD4DB
#D37CD1
#4A3A33
#4A3A33 · Taupe
Click to copy#4A3A33 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 45°. Gray suggests neutrality and balance; it lets other colors lead, which makes #4A3A33 a natural choice for text, borders and interface chrome. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#4A3A33RGB
rgb(74, 58, 51)HSL
hsl(18, 18%, 25%)CMYK
0, 22, 31, 71CSS var
--taupeContrast
10.8:1 white · 1.94:1 blackSimilar named colors
How to use #4A3A33
White text passes WCAG AA on #4A3A33 (10.8:1); black does not, so keep dark text off it.
For a calm scheme pair #4A3A33 with its analogous neighbors #4B3439 and #4B4734; for contrast use its complement #34444B as a small accent, and anchor everything with a neutral such as #F5F5F7.
--taupe: #4A3A33;
$taupe: #4A3A33;
colors: { 'taupe': '#4A3A33' }