Tan Color — HEX, RGB, HSL, Palettes & Contrast

Tan (#d2b48c): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#d2b48c
HEX #d2b48c
RGB rgb(210, 180, 140)
HSL 34°, 44%, 69%

Use Tan in Your Projects

About Tan Color

Tan is a warm, light brown that evokes natural fibers, leather, and earth. It adds a grounded, organic feel to brands focused on sustainability and natural living.

Use Cases for Tan

sustainable brandsnatural livingorganic packagingwarm backgroundsleather textures

Shades & Tints of Tan

#ffffff
#f4ece2
#e9dac6
#ddc7a9
#d2b48c
#9e8769
#695a46
#352d23
#000000

Complementary Color

#d2b48c
#8dabd3

Analogous Colors

#d3928d
#d2b48c
#ced38d

Triadic Colors

#d2b48c
#8dd3b5
#b58dd3

Split Complementary

#d2b48c
#8dced3
#928dd3

Tetradic Colors

#d2b48c
#abd38d
#8dabd3
#b58dd3

CSS Code

.tan-color {
  color: #d2b48c;
  background-color: #d2b48c;
}

/* As a CSS custom property */
:root {
  --color-tan: #d2b48c;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Tan
Ratio: 10.65:1 ✓ Passes AA ✓ Passes AAA
White text on Tan
Ratio: 1.97:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Tan?

Tan is represented by the hex code #d2b48c and has RGB values of rgb(210, 180, 140). It falls under the Brown category.

How to use Tan in web design?

Tan works well for sustainable brands, natural living, organic packaging. Tan is a warm, light brown that evokes natural fibers, leather, and earth. It adds a grounded, organic feel to brands focused on sustainability and natural living. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Tan?

Colors that pair well with Tan include burlywood, sandybrown, wheat, peru, bisque. For a complementary scheme, try #8dabd3. For an analogous scheme, use #d3928d and #ced38d. For a triadic scheme, combine with #8dd3b5 and #b58dd3.