Tan is a medium-light, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #D2B48C, which equals rgb(210, 180, 140) in RGB and hsl(34, 44%, 69%) in HSL. In print terms it converts to roughly C0 M14 Y33 K18, although exact CMYK results depend on the paper and color profile.
- HEX
#D2B48C - RGB
210, 180, 140 - HSL
34°, 44%, 69% - CMYK
0, 14, 33, 18 - Family
Brown - Tone
Medium-light, moderately saturated
About Tan
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 10.65:1. Its complementary color is #8DABD3.
Download Tan as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Tan color codes
| HEX | #D2B48C |
|---|---|
| RGB | rgb(210, 180, 140) |
| HSL | hsl(34, 44%, 69%) |
| HSV | 34°, 33%, 82% |
| CMYK | 0%, 14%, 33%, 18% |
| Decimal | 13808780 |
Shades and tints of Tan
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8F3EC - 100
#F0E6D9 - 200
#E9DAC6 - 300
#E1CDB2 - 400
#DAC19F - 500
#D2B48C - 600
#AF9675 - 700
#8C785D - 800
#695A46 - 900
#463C2F - 950
#231E17
Color harmonies for Tan
- Complementary
#8DABD3≈ Light Muted Cerulean - Analogous −30°
#D3928D≈ Light Muted Vermilion - Analogous +30°
#CED38D≈ Light Muted Yellow - Triadic +120°
#8DD3B5≈ Light Muted Aquamarine - Triadic +240°
#B58DD3≈ Light Muted Grape - Split 150°
#8DCED3≈ Light Muted Cyan - Split 210°
#928DD3≈ Light Muted Indigo
Contrast and accessibility of Tan
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Tan | Aa | 1.97:1 | Fails |
| Black text on Tan | Aa | 10.65:1 | AAA (excellent) |
CSS code for Tan
background-color: #D2B48C;color: #D2B48C;background-color: rgb(210, 180, 140);background-color: hsl(34, 44%, 69%);:root { --color-tan: #D2B48C; }class="bg-[#D2B48C]"Colors similar to Tan
- Light Muted Amber
#CBB686 - Light Muted Tangerine
#CBAF86 - Burly Wood
#DEB887 - Light Muted Marigold
#CBBD86 - Light Muted Orange
#CBA886 - Ecru
#C2B280 - Pale Soft Persimmon
#E4B595 - Pale Muted Cinnabar
#D7B2A2 - Pale Muted Persimmon
#D7B7A2 - Light Muted Gold
#CBC486 - Pale Soft Cinnabar
#E4AD95 - Pale Muted Vermilion
#D7ADA2
More brown shades
- Burly Wood
#DEB887 - Peru
#CD853F - Chocolate
#D2691E - Saddle Brown
#8B4513 - Beige
#F5F5DC - Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000
Frequently asked questions
What is the HEX code for Tan?
The HEX code for Tan is #D2B48C.
What is the RGB value of Tan?
Tan has an RGB value of 210, 180, 140 (rgb(210, 180, 140)). In HSL it is 34°, 44%, 69%.
What text color should I use on Tan?
Use black text on Tan. White text has a contrast ratio of 1.97:1 and black text has 10.65:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Tan?
The complementary color of Tan is #8DABD3. Analogous colors #D3928D and #CED38D also pair well.