Tan #D2B48C
Tan is a light, warm brown with hex code #D2B48C, the same value as the CSS keyword 'tan'. It is pale and softly saturated, sitting between beige and camel. Most people picture sun-darkened skin, raw leather, cardboard, sand and the sturdy cotton fabrics of outdoor clothing and workwear.
| HEX | #D2B48C | |
|---|---|---|
| RGB | rgb(210, 180, 140) | |
| HSL | hsl(34, 44%, 69%) | |
| HSV | hsv(34, 33%, 82%) | |
| CMYK | cmyk(0%, 14%, 33%, 18%) |
Text on Tan
Black text reads better on Tan. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Tan
Tan tints and shades
Tints mix Tan with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Tan color schemes
Color-wheel harmonies built by rotating the hue of #D2B48C and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Tan color meaning
Tan takes its name from tanning, the process that turns animal hides into leather, and the word later came to describe sun-browned skin. That double origin gives it two sets of associations: practical, hard-wearing materials on one side and summer outdoors on the other.
As a neutral, tan is relaxed and approachable. It has more warmth than gray and more presence than beige, so it reads as friendly and natural. It is common in military and safari clothing, which adds a rugged, utilitarian edge.
Used everywhere without contrast, tan can look washed out. That is why it usually plays a supporting role, backing up a stronger color in an outfit, room or layout. It also turns up in everyday objects such as paper bags, cardboard boxes and work boots, which keeps it feeling familiar and unpretentious.
How to use Tan in design
Tan works as a warm background or secondary color for outdoor, leather, coffee, travel and craft brands. Its lightness means dark text works well on it: dark brown, charcoal and black all read clearly. White text on tan is usually too faint for body copy. In UI, tan can replace light gray for cards and panels when you want a warmer feel.
In interiors, tan shows up in leather chairs, rattan, linen and natural wood. In fashion it is a staple for trench coats, chinos, boots and bags, and it pairs well with denim and navy.
Palettes with Tan tones
Curated palettes with a color close to #D2B48C.
Colors similar to Tan
Work with Tan
Tan FAQ
What is the difference between tan and beige?
Tan (#D2B48C) is darker and browner than beige. CSS beige (#F5F5DC) is very pale, almost off-white, with a faint yellow-green tint. Use beige when you want a soft background and tan when you want visible warmth, like leather or dry sand.
What is the difference between tan and camel?
Camel (#C19A6B) is a little darker and more golden than tan, closer to the color of a camel-hair coat. Tan is lighter and slightly grayer. They sit side by side on the spectrum, so they pair easily in tonal outfits and interiors.
Is tan a neutral color?
Yes. Tan is usually treated as a warm neutral, alongside beige, taupe and camel. It goes with most colors, especially navy, white, olive and denim. Because it has more warmth than gray, it makes a room or outfit feel softer and more relaxed.