#D2B48C
Tan
Tan is a light, warm brown that resembles tanned leather. It is neutral, versatile, and works well as a base color in design.
Tan Color Values
HEX#D2B48C
RGB210, 180, 140
HSL34°, 44%, 69%
HSV34°, 33%, 82%
CMYK0%, 14%, 33%, 18%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #C0B489 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #C7BB8D (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #DDACAA (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #BABABA (~0.003% of population)
Tan as Text Color
Tan on White
2.0:1FAIL
Tan on Light Gray
1.8:1FAIL
Tan on Cream
1.9:1FAIL
Tan on Dark
8.6:1AAA
Tan on Black
10.6:1AAA
Tan on Soft Blue
1.7:1FAIL
Tan on Soft Green
1.8:1FAIL
Tan on Soft Pink
1.6:1FAIL
Nearest Tailwind Class
orange-300
#FDBA74
Nearest Pantone Match
Peach Fuzz (2024)
#FFBE98
CSS Variable Export
:root {
--color-tan: #D2B48C;
--color-tan-rgb: 210, 180, 140;
}Tailwind Config
// tailwind.config.js
colors: {
'tan': '#D2B48C',
}Shades of Tan
#D3B58D
#C7A170
#BD9156
#A97C42
#8C6736
#72542C
#543E21
#372815
#1D160B
#000000
Tints of Tan
#D3B58D
#D7BC98
#DDC5A7
#E1CDB2
#E7D6C1
#EBDDCC
#F1E7DA
#F5EEE5
#FBF8F4
#FFFFFF
Color Harmonies
Complementary
#D2B48C
#8DABD3
Analogous
#D3928D
#D3B58D
#CED38D
Triadic
#D3B58D
#8DD3B5
#B58DD3
Tan Text Preview
Heading in Tan
Body text in Tan. The quick brown fox jumps over the lazy dog.
White on Tan
Body text on a Tan background.
Tan text on dark background
Contrast: 9.0:1