Taupe is a dark, muted shade in the brown color family, with a warm feel. Its HEX code is #483C32, which equals rgb(72, 60, 50) in RGB and hsl(27, 18%, 24%) in HSL. In print terms it converts to roughly C0 M17 Y31 K72, although exact CMYK results depend on the paper and color profile.
- HEX
#483C32 - RGB
72, 60, 50 - HSL
27°, 18%, 24% - CMYK
0, 17, 31, 72 - Family
Brown - Tone
Dark, muted
About Taupe
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 10.67:1. Its complementary color is #323E48.
Download Taupe as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Taupe color codes
| HEX | #483C32 |
|---|---|
| RGB | rgb(72, 60, 50) |
| HSL | hsl(27, 18%, 24%) |
| HSV | 27°, 31%, 28% |
| CMYK | 0%, 17%, 31%, 72% |
| Decimal | 4734002 |
Shades and tints of Taupe
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1DFDD - 100
#C2BEBB - 200
#A49E99 - 300
#857D76 - 400
#675D54 - 500
#483C32 - 600
#3C322A - 700
#302821 - 800
#241E19 - 900
#181411 - 950
#0C0A08
Color harmonies for Taupe
- Complementary
#323E48≈ Cool Gray 25 - Analogous −30°
#483233≈ Dark Dusty Red - Analogous +30°
#484732≈ Dark Dusty Amber - Triadic +120°
#32483C≈ Dark Dusty Jade - Triadic +240°
#3C3248≈ Dark Dusty Iris - Split 150°
#324847≈ Dark Dusty Capri - Split 210°
#323348≈ Dark Dusty Blue
Contrast and accessibility of Taupe
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Taupe | Aa | 10.67:1 | AAA (excellent) |
| Black text on Taupe | Aa | 1.97:1 | Fails |
CSS code for Taupe
background-color: #483C32;color: #483C32;background-color: rgb(72, 60, 50);background-color: hsl(27, 18%, 24%);:root { --color-taupe: #483C32; }class="bg-[#483C32]"Colors similar to Taupe
- Dark Dusty Cinnabar
#503D35 - Dark Dusty Vermilion
#503A35 - Dark Dusty Scarlet
#503835 - Dark Dusty Persimmon
#504035 - Warm Gray 25
#45403A - Dark Dusty Orange
#504235 - Dark Dusty Red
#503535 - Dark Dusty Cardinal
#503538 - Dark Dusty Tangerine
#504535 - Dark Dusty Crimson
#50353A - Dark Dusty Ruby
#50353D - Graphite
#383838
More brown shades
- Peru
#CD853F - Chocolate
#D2691E - Saddle Brown
#8B4513 - Beige
#F5F5DC - Dark Goldenrod
#B8860B - Sienna
#A0522D - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000 - Camel
#C19A6B - Caramel
#AF6F09
Frequently asked questions
What is the HEX code for Taupe?
The HEX code for Taupe is #483C32.
What is the RGB value of Taupe?
Taupe has an RGB value of 72, 60, 50 (rgb(72, 60, 50)). In HSL it is 27°, 18%, 24%.
What text color should I use on Taupe?
Use white text on Taupe. White text has a contrast ratio of 10.67:1 and black text has 1.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Taupe?
The complementary color of Taupe is #323E48. Analogous colors #483233 and #484732 also pair well.