#D2B48C
Brown family

Tan

Also known as: earthy · muted · warm · natural · soft
Save
Hex #D2B48C
RGB rgb(210, 180, 140)
HSL hsl(34°, 44%, 69%)
CMYK 0 · 14 · 33 · 18
CSS tan
RAL RAL 1000 · Green Beige

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, tan evokes a sense of calmness and stability, often associated with nature and the outdoors. However, in some Indigenous cultures, tan may symbolize resilience and connection to the earth, contrasting with its more subdued Western interpretations.

The term 'tan' originated in the 14th century from the Old French 'tanne', referring to the process of treating animal skins. By the 17th century, this term began to describe the color associated with tanned leather, which became popular in fashion and interior design.

earthymutedwarmnaturalsoft

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Tan. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 35 Browns →

Shades & tints

Nine steps of Tan by lightness — from #6D5E49 (darkest) to #E8D8C3 (lightest). Click any to copy.

-40% #6D5E49
-30% #86735A
-20% #A0896A
-10% #B99E7B
BASE #D2B48C
+15% #D7BD9A
+30% #DDC6A8
+50% #E2CFB5
+70% #E8D8C3

Complementary

Sitting opposite Tan at 214° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Tan.

#D2B48C
#4B8BBE
#FFFFFF
#D4A373
#A0522D

Desert Oasis

Calm Retreat
#D2B48C
#8B4513
#F5F5DC
#CD853F
#FFD700

Autumn Harvest

Warm Embrace
#D2B48C
#3C3C3C
#F0E68C
#8B4513
#A0522D

Woodland Escape

Nature's Serenity

Tan scale

A 50–900 tonal scale with Tan anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FBF9F6
100 #F7F2EA
200 #EEE3D3
300 #E5D4BC
400 #DBC4A4
500 #D2B48C
600 #AC9473
700 #8B775C
800 #695A46
900 #473D30

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 10.65:1
Tan as text on… Ratio AA AAA
Aa White background 1.97:1 Fail Fail
Aa Black background 10.65:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #D2B48C

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: tan;
CSS color-mix (lighten 30%) color-mix(in srgb, tan 70%, white)
HSV / HSB 34°, 33%, 82%
CMYK (print) 0, 14, 33, 18
Decimal 13808780
Nearest web-safe #CCCC99

Color vision

How Tan appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#D2B48C

Protanopia (no red)

#C5C596

Deuteranopia (no green)

#C7C998

Tritanopia (no blue)

#D19D9F
Chocolate
3 / 35 Browns Beige
Copied!