Color meaning

Tan

Introducing Tan (#D2B48C), a soft, sandy shade with a mellow warmth. Its muted mid-tone makes it a versatile surface color, filling card backgrounds, section bands, and packaging without competing for attention. That neutrality lets product photography and price type carry the visual weight.

#D2B48CHSL 34, 44%, 69%

Tan code conversions

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

Tan color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Tan contrast

Your catchy large text

Small body copy sitting on Tan.

1.97:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Tan.

9.57:1Black textAA passAAA pass

Tan color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Tan

Matched by color distance against real palettes extracted from live storefronts.

Faherty
#af9e87
Rothy's
#b9b7b3
Gymshark
#e4ddd2
Brooklinen
#cecdca
Allbirds
#ebe8e2
Puma
#e6e6e5

Related brown colors

Chocolate Brown

Tan: frequently asked

What color is Tan?

Tan (#D2B48C) is a light, desaturated brown with warm yellow undertones. In e-commerce interfaces it reads as a natural, paper-like neutral, sitting between cream and deeper camel brown.

What is the meaning of Tan?

Tan signals warmth, calm, and understated quality. Brands reach for it when they want customers to feel a relaxed, organic mood while browsing, common across skincare, home goods, and sustainable catalogs.

How do I use Tan (#D2B48C) in e-commerce design?

Use Tan for large surfaces such as card fills, category headers, and background bands where a warm neutral suits the brand. Pair it with a dark brown or charcoal for type, since Tan is too light to hold legible text on its own.

Using Tan color codes

Copy Tan (#D2B48C) in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, mobile app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP