Tan hex code
The hex code for tan is #D2B48C. In RGB that is rgb(210, 180, 140) and in HSL it is hsl(34, 44%, 69%).
The hex code for tan is #D2B48C. In RGB that is rgb(210, 180, 140) and in HSL it is hsl(34, 44%, 69%).
Tan · #D2B48C
Colour codes
- HEX
- #D2B48C
- RGB
- rgb(210, 180, 140)
- HSL
- hsl(34, 44%, 69%)
- CMYK
- 0, 14, 33, 18
- CSS name
- tan
- Contrast on white
- 1.97:1
- Contrast on black
- 10.65:1
Tints and shades
20% lighter · #dbc3a3
40% lighter · #e4d2ba
60% lighter · #ede1d1
80% lighter · #f6f0e8
20% darker · #a89070
40% darker · #7e6c54
60% darker · #544838
80% darker · #2a241c
Complementary colour
Tan · #D2B48C
Opposite on the colour wheel · #8dabd3
Frequently asked questions
What is the hex code for tan?
The hex code for tan is #D2B48C. In RGB that is rgb(210, 180, 140) and in HSL it is hsl(34, 44%, 69%).
Can I use tan for text?
It has a contrast ratio of 1.97:1 on white and 10.65:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with tan?
Its complementary colour, opposite on the colour wheel, is #8DABD3. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of tan instead.
Is tan a CSS colour name?
Yes. CSS accepts the keyword tan, so color: tan and color: #D2B48C render exactly the same.