Tan color values
| Format | Value |
|---|---|
| Hex | #D2B48C |
| RGB | rgb(210, 180, 140) |
| HSL | hsl(34, 44%, 69%) |
| HSV | 34, 33%, 82% |
| CMYK (simple conversion) | 0%, 14%, 33%, 18% |
| Decimal | 13808780 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Tan
A pale brown resembling tanned leather or sun warmed sand. It is heavily used in outdoor apparel branding, vintage designs, and warm neutral UI backgrounds. The color feels approachable, durable, and deeply connected to natural, earthly textures. It is one of the 148 CSS named colors.
Shades and tints of Tan
Tints mix Tan with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #D7BC98 | #BDA27E |
| 20% | #DBC3A3 | #A89070 |
| 30% | #E0CBAF | #937E62 |
| 40% | #E4D2BA | #7E6C54 |
| 50% | #E9DAC6 | #695A46 |
Color harmony for Tan
These colors keep the same saturation and lightness as Tan and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #8CAAD2 |
| Analogous | #D2918C #CDD28C |
| Triadic | #8CD2B4 #B48CD2 |
| Split complementary | #8CCDD2 #918CD2 |
Contrast and accessibility
Contrast between #D2B48C and white is 1.97:1 (fails). Against black it is 10.65:1 (passes AAA). For text on a Tan background, black text is the more readable choice.
Use Tan in CSS
.element {
color: tan;
background-color: #D2B48C;
border-color: rgb(210 180 140);
outline-color: hsl(34 44% 69%);
}All four lines produce exactly the same color. The keyword tan is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- burlywood: #DEB887
- Dark Khaki: #BDB76B
- darksalmon: #E9967A
- rosybrown: #BC8F8F
FAQ
What is the hex code for Tan?
The hex code for Tan is #D2B48C. As a CSS color keyword you can also write tan.
What is Tan in RGB?
Tan is rgb(210, 180, 140): red 210, green 180, blue 140 on the 0 to 255 scale.
What color is closest to Tan?
Of the CSS named colors, burlywood (#DEB887) is the closest match to Tan, followed by darkkhaki and darksalmon.
More colors
- Steel Blue: previous page
- Teal: next page
- CSS named colors: the full list