Tan #D2B48C

Tan#D2B48C · rgb(210, 180, 140)

Tan color codes

CSS nametan
HEX#D2B48C
RGBrgb(210, 180, 140)
HSLhsl(34, 44%, 69%)
CMYKcmyk(0%, 14%, 33%, 18%)
Decimal13808780

Shades of Tan (darker)

#BDA27E · #A89070 · #937E62 · #7E6C54 · #695A46 · #544838 · #3F362A · #2A241C · #15120E

Tints of Tan (lighter)

#D7BC98 · #DBC3A3 · #E0CBAF · #E4D2BA · #E9DAC6 · #EDE1D1 · #F2E9DD · #F6F0E8 · #FBF8F4

Color harmonies

Complementary
#8DABD3
Triadic
#8DD3B5, #B58DD3
Analogous
#D3928D, #CED38D

Accessibility (WCAG contrast)

White text on Tan1.97:1 · Fail
Black text on Tan10.65:1 · AAA

Use Tan in code

.element {
  color: tan;          /* or #d2b48c */
  background-color: rgb(210 180 140 / 0.5);
}

Frequently asked questions

What is the hex code for Tan?

Tan is #D2B48C in HEX, rgb(210, 180, 140) in RGB and hsl(34, 44%, 69%) in HSL.

Can I use "tan" directly in CSS?

Yes. "tan" is one of the 148 standard CSS named colors, so color: tan; works in every browser.

Is Tan readable on white?

The contrast ratio of Tan on white is 1.97:1 (WCAG Fail). On black it is 10.65:1 (AAA).

What is the complementary color of Tan?

The complementary color (opposite on the color wheel) is #8DABD3.

Similar colors

Burly Wood#DEB887Dark Khaki#BDB76BDark Salmon#E9967ARosy Brown#BC8F8FDark Gray#A9A9A9Dark Grey#A9A9A9Light Salmon#FFA07ASilver#C0C0C0

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.