Taupe

#54463A

What color is Taupe?

Taupe is a dark grayish-brown with warm, dusty undertones, hex #54463A, close to the color of raw suede. It has more gray in it than simple brown, giving it a muted, earthy quality.

What is the meaning of the color Taupe?

French gave English this color name in the early 19th century, borrowed directly from the French word for mole, the small burrowing animal whose fur is a soft grayish-brown. The Oxford English Dictionary records the first use of taupe as an English color term in 1911. Through the mid-20th century, the color appeared in fashion and interior textiles as a neutral alternative to beige, favored in European fabric and upholstery trades. The paint brand Farrow and Ball later formalized its commercial profile with shades such as Dead Salmon and French Gray, colors that occupy the same warm-neutral family.

RGB
84, 70, 58
HSL
28°, 18%, 28%
CMYK
0, 17, 31, 67
HSV
28°, 31%, 33%
Taupe color

What colors go with Taupe?

Colors that pair well with Taupe include:
Cream: soft, warm harmony
Navy Blue: strong, clean contrast
Sage Green: quiet, earthy balance
Charcoal: grounded, modern depth
Dusty Rose: gentle, warm softness

Similar Colors

Conversions & Codes

Format Value CSS
HEX #54463A color: #54463A;
RGB 84, 70, 58 color: rgb(84, 70, 58);
RGB Percentage 33%, 27%, 23% color: rgb(33%, 27%, 23%);
CMYK 0%, 17%, 31%, 67% Not supported in CSS
HSL 28°, 18%, 28% color: hsl(28, 18%, 28%);
HSV 28°, 31%, 33% Not supported in CSS
CIE-LAB 22, 3, 4 color: lab(22% 3 4);
Decimal 5523002 Not supported in CSS

Color Variations

Shades

#54473B
#4C3F35
#43382F
#3B3129
#332A23
#2A231D
#221C17
#191512

Tints

#D2C7BE
#C3B5A8
#B4A293
#A5907D
#957D68
#806B59
#6A594A
#54473B

Tones

#54473B
#53473C
#52473D
#50473E
#4F4740
#4E4741
#4D4742
#4B4744

Hues

#54473B
#4F543B
#3B543B
#3B544D
#3B4854
#403B54
#533B54
#543B42

Color Harmonies

Analogous

#543B3B
Click to copy
#54463A
Click to copy
100%
#54533B
Click to copy

Complementary

#54463A
Click to copy
100%
#3B4854
Click to copy

Split Complementary

#54463A
Click to copy
100%
#3B5453
Click to copy
#3B3B54
Click to copy

Triadic

#54463A
Click to copy
100%
#3B5447
Click to copy
#473B54
Click to copy

Tetradic

#54463A
Click to copy
100%
#3B543B
Click to copy
#3B4854
Click to copy
#533B54
Click to copy

Square

#54463A
Click to copy
100%
#3B543B
Click to copy
#3B4854
Click to copy
#533B54
Click to copy

CSS & Dev Snippets

CSS
.taupe {
  color: #54463A;
}
SCSS
$taupe: #54463A;
RGB
rgb(84, 70, 58)

Accessibility & Contrast

White background

9.07:1
9.07
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.31:1
2.31
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags