Skip to content

Tan #d2b48c

Leather’s favorite color.

RGB
210, 180, 140
HSL
34°, 44%, 69%
CMYK
0, 14, 33, 18
Luminance
0.4824

About Tan

Tan, #d2b48c, is the color of tanned hide — the word comes from tannum, the oak bark used in tanning leather. It is brown’s approachable front door: warm, casual and impossible to intimidate anyone with.

History

Tanneries named it, work boots wore it, and the twentieth century dressed itself in it — trench coats, chinos, Timberlands and manila envelopes are all tan’s empire. Crayola has offered tan since 1958; fashion never once retired it.

Psychology

Tan is friendly reliability — earthiness without olive’s military note or brown’s heaviness. It reads handcrafted and broken-in: the color of things that improve with use.

In design

Tan is the bridge neutral: it warms grays, grounds greens and lets black type sit comfortably (it is never text itself). Leather-goods, outdoor and coffee brands build entire identities on tan + espresso + cream. With denim blue it is workwear’s eternal handshake.

In culture

Tan lines, tanned hides, the tan trench of every detective: the color of sun, leather and light travel. Manila folders made it the unofficial color of paperwork.

Brands that own tan

Shades of tan

Every format

HEX#d2b48c
RGBrgb(210, 180, 140)
HSLhsl(34, 44%, 69%)
CMYKcmyk(0%, 14%, 33%, 18%)
LABlab(75.0 5.0 24.4)
LCHlch(75.0 24.9 78.4)
OKLCHoklch(0.786 0.064 74.6)

Copy-ready code

/* CSS */
color: #d2b48c;
background-color: #d2b48c;
/* Tailwind (arbitrary) */
class="text-[#d2b48c] bg-[#d2b48c]"
/* SCSS */
$brand: #d2b48c;
/* SwiftUI */
Color(red: 0.824, green: 0.706, blue: 0.549)
/* Android */
Color.parseColor("#d2b48c")

Accessibility — WCAG contrast

Aa
#d2b48c on white: 1.97:1
AA ✗ fail · AA-large · AAA
Aa
#d2b48c on black: 10.65:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red82.4%
Green70.6%
Blue54.9%

CMYK percentages

Cyan0.0%
Magenta14.3%
Yellow33.3%
Key (black)17.6%

Color previews

#d2b48c text on a black background

contrast 10.65:1

Card sample

#d2b48c text on a white background

contrast 1.97:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #d2b48c;
Background color
Panel with #d2b48c background
background-color: #d2b48c;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #d2b48c;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(210, 180, 140, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(210, 180, 140, 0.45);
Border & gradient
Gradient panel
border: 3px solid #d2b48c;
background: linear-gradient(135deg, #d2b48c, #C1D28C);

Monochromatic scale

Palettes built from #d2b48c

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Tan, answered

What is the hex code for tan?

CSS tan is #d2b48c. Camel #c19a6b runs deeper; sand #c2b280 runs grayer; fawn #e5aa70 warmer.

Where does the word tan come from?

From tannum — oak bark used to tan leather. The process colored the hide, and the hide named the color.

What colors pair with tan?

Espresso and cream (leather-goods classic), denim and navy (workwear), forest green (outdoors), black for modern contrast.

Work with #d2b48c in the Color Lab