#D6B588

What color is Tan?

Tan is a pale, warm brown with yellow undertones, hex #D6B588, close to the color of natural linen fabric. It is lighter than caramel but richer than cream, with a soft, dusty quality.

What is the meaning of the color Tan?

Recorded in English as a color name by the mid-19th century, tan originally referred to the brownish tone left on animal hides during the tanning process, which used bark from oak trees soaked in water. The term tanbark, the shredded oak bark used in tanneries, appears in documented trade records from early industrial Britain. As leather goods became mass-produced in the late 1800s, tan became a standardized shade recognized across boot-making and saddlery. The United States Army adopted tan as a field uniform color during the Spanish-American War of 1898, anchoring the color to durable, practical clothing.

RGB
214, 181, 136
HSL
35°, 49%, 69%
CMYK
0, 15, 36, 16
HSV
35°, 36%, 84%
Tan color

What colors go with Tan?

Colors that pair well with Tan include:
Ivory: soft, tonal warmth
Navy Blue: clean, grounding contrast
Terracotta: earthy, rich depth
Olive Green: natural, muted balance
Burgundy: warm, bold contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D6B588 color: #D6B588;
RGB 214, 181, 136 color: rgb(214, 181, 136);
RGB Percentage 84%, 71%, 53% color: rgb(84%, 71%, 53%);
CMYK 0%, 15%, 36%, 16% Not supported in CSS
HSL 35°, 49%, 69% color: hsl(35, 49%, 69%);
HSV 35°, 36%, 84% Not supported in CSS
CIE-LAB 55, 7, 15 color: lab(55% 7 15);
Decimal 14071176 Not supported in CSS

Color Variations

Shades

#D7B689
#CEA66F
#C59655
#B8853F
#9D7236
#835F2D
#694C24
#4F391B

Tints

#F3E9DC
#EFE2D0
#EBDBC4
#E7D3B8
#E3CCAD
#DFC5A1
#DBBE95
#D7B689

Tones

#D7B689
#D3B68D
#CFB591
#CBB495
#C7B499
#C3B39D
#BFB3A0
#BCB2A4

Hues

#D7B689
#BDD789
#89D790
#89D7CA
#89A9D7
#A389D7
#D789D0
#D78996

Color Harmonies

Analogous

#D79089
Click to copy
#D6B588
Click to copy
100%
#D0D789
Click to copy

Complementary

#D6B588
Click to copy
100%
#89A9D7
Click to copy

Split Complementary

#D6B588
Click to copy
100%
#89D0D7
Click to copy
#9089D7
Click to copy

Triadic

#D6B588
Click to copy
100%
#89D7B6
Click to copy
#B689D7
Click to copy

Tetradic

#D6B588
Click to copy
100%
#89D790
Click to copy
#89A9D7
Click to copy
#D789D0
Click to copy

Square

#D6B588
Click to copy
100%
#89D790
Click to copy
#89A9D7
Click to copy
#D789D0
Click to copy

CSS & Dev Snippets

CSS
.tan {
  color: #D6B588;
}
SCSS
$tan: #D6B588;
RGB
rgb(214, 181, 136)

Accessibility & Contrast

White background

1.94:1
1.94
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

10.82:1
10.82
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags