Color Palettes

Tan color

A light, warm brown named after the tanbark once used to tan leather. It's one of the most common neutral colors in America, from khakis and boots to car interiors. It's also a standard HTML/CSS color name.

Also known as: Light tan.

Tan · #D2B48C

About tan

Tan (#D2B48C) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 210 red, 180 green and 140 blue (out of 255). It is mostly used in fashion, interiors, web.

Tan shades and tints

From lightest to darkest. Tap a shade to copy its code.

Tan color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Chambray blue
AnalogousClose to: Old rose, Vanilla
TriadicClose to: Seafoam green, Wisteria
Split complementaryClose to: Powder blue, Cornflower blue

Tan color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Tan
Analogous palette · Tan
Complementary palette · Tan
Triadic palette · Tan
With neutrals palette · Tan
With an accent palette · Tan

Tan contrast with text

White textContrast 2.0:1 · Not recommended
Black textContrast 10.6:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --tan: #D2B48C;
  --tan-rgb: 210, 180, 140;
}
.bg { background-color: var(--tan); }
.text { color: var(--tan); }

Colors similar to tan

NudeLight brownKhakiSandCamelDesert sandPeachApricotWheatPeach puff

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiSandBeigeNudeBronzeTobacco brownSiennaCafé au laitCognacEspressoWalnutBurnt umberRaw umber

Frequently asked questions

What is the hex code for tan?

The hex code for tan is #D2B48C. In RGB it is rgb(210, 180, 140), in HSL hsl(34, 44%, 69%) and in CMYK 0, 14, 33, 18.

What is the complementary color of tan?

Its complement on the color wheel is #8CAAD2, close to chambray blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on tan?

Use black text instead: the contrast with white is only 2.0:1, while with black it is 10.6:1.