15 Different Shades of Tan (+ HEX codes)

Explore all shades of tan, from lighter to darker shades. See HEX codes, shade names, and tan color palettes. Click any shade to copy its HEX code.

Tan is the colour of untreated leather and dry sand: a brown light enough to use as a surface. It is the quiet backbone of desert and safari palettes.

Give it a cool contrast — slate, denim, deep teal — or the whole palette becomes one continuous beige.

white
#ffffff
merino
#f8f3ed
stark white
#eadbc8
grain brown
#e3cfb6
cameo
#dcc4a4
tan
#d5b892
twine
#c6a06e
driftwood
#b88849
cape palliser
#a77b41
potters clay
#956e3a
old copper
#71532c
irish coffee
#5f4625
metallic bronze
#4d381e
black marlin
#3a2b17
eternity
#281e10

Tan: HEX & RGB Codes

tan has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of tan shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of tan

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of tan

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

tan in HEX, RGB, HSL and CMYK

HEX	#D2B48C
RGB	rgb(210, 180, 140)
HSL	hsl(34, 44%, 69%)
CMYK	cmyk(0%, 14%, 33%, 18%)

Tints and shades of tan

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#d9bf9e
#e0caae
#e6d5bf
#ece0cf
#f3ebe0
#f9f5f0

Shades (darker)

#c39b65
#ae8044
#866334
#5e4525
#362815
#0f0b06

Colours that work with tan

Complementary

#D2B48C #8dabd3

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#d3928d #D2B48C #ced38d

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#D2B48C #8dd3b5 #b58dd3

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on tan

Example Primary text

White text on tan1.97:1Fail

Example Primary text

Near-black text on tan8.99:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

tan shade chart

Shade chart showing five steps of tan, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.