What colors go well with taupe?

Taupe pairs with its complementary colour #323E48 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Taupe Color — Hex Code #483C32, RGB, Palettes & CSS

Q: What is the hex code for taupe?

Taupe is commonly #483C32, which is rgb(72, 60, 50). Like most descriptive colour names it covers a small range, but this is a widely used value.

Taupe colour codes

Hex

#483C32

RGB

rgb(72, 60, 50)

HSL

hsl(27, 18%, 24%)

HSV

hsv(27, 31%, 28%)

OKLCH

oklch(0.37 0.02 62)

CMYK

cmyk(0%, 17%, 31%, 72%)

Complementary palette

Taupe with its opposite on the colour wheel.

#483C32

rgb(72, 60, 50)

#323E48

rgb(50, 62, 72)

Triad palette

Taupe with two evenly-spaced partners.

#483C32

rgb(72, 60, 50)

#32483C

rgb(50, 72, 60)

#3C3248

rgb(60, 50, 72)

Monochromatic palette

Lighter and darker versions of taupe at the same hue.

#2D261F

rgb(45, 38, 31)

#3C3229

rgb(60, 50, 41)

#4A3E33

rgb(74, 62, 51)

#55473B

rgb(85, 71, 59)

Lighter tints

Taupe toward white.

#483C32

rgb(72, 60, 50)

#62584F

rgb(98, 88, 79)

#7C746D

rgb(124, 116, 109)

#96908A

rgb(150, 144, 138)

#B1ABA7

rgb(177, 171, 167)

#CBC7C4

rgb(203, 199, 196)

#E5E3E2

rgb(229, 227, 226)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Taupe toward black.

#483C32

rgb(72, 60, 50)

#3E332B

rgb(62, 51, 43)

#332B24

rgb(51, 43, 36)

#29221D

rgb(41, 34, 29)

#1F1A15

rgb(31, 26, 21)

#15110E

rgb(21, 17, 14)

#0A0907

rgb(10, 9, 7)

#000000

rgb(0, 0, 0)

About taupe

A dark grey-brown neutral. Sophisticated and earthy, it grounds interiors and modern palettes. The value shown here (#483C32) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with taupe

The complementary colour (#323E48) sits opposite taupe on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using taupe in your design

For CSS, paste #483C32 or the oklch(0.37 0.02 62) value, or download the ready-made taupe.css file above — it includes a full 50–950 token scale. Always check contrast before using taupe behind text.

What is the hex code for taupe?

Taupe is commonly #483C32 (rgb(72, 60, 50)). It covers a small range, but this is a widely used value.

What colours go well with taupe?

Its complementary colour #323E48 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Taupe colour

Taupe colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About taupe

Palettes that work with taupe

Using taupe in your design

Popular colours

Color tools