- No data uploaded
- Instant results
Tan — #D2B48C
Tan is the CSS named colour tan, hex #D2B48C. It has a contrast ratio of 1.97:1 on white and 10.65:1 on black — best used as text on dark backgrounds.
Tan — #D2B48C
Contrast on white 1.97:1 · on black 10.65:1
Tints
Shades
Complementary
Triadic
Analogous
Using Tan in code
CSS: color: tan; or color: #D2B48C; · Tailwind: text-[#D2B48C] · Android/Flutter: 0xFFD2B48C
Tan colour harmonies
Complementary: #8CAAD2 · Triadic: #8CD2B4, #B48CD2 · Analogous: #D2918C, #CDD28C. Use tints for backgrounds and shades for hover states.
Tan in every colour format
| Format | Value |
|---|---|
| HEX | #D2B48C |
| RGB | rgb(210, 180, 140) |
| HSL | hsl(34, 44%, 69%) |
| HSV | hsv(34, 33%, 82%) |
| CMYK | cmyk(0%, 14%, 33%, 18%) |
| CSS name | tan |
| Contrast on white | 1.97:1 |
| Contrast on black | 10.65:1 |
Frequently asked questions
What is the hex code for Tan?
#D2B48C (CSS name: tan).
What is Tan in RGB?
rgb(210, 180, 140)
What colour goes well with Tan?
Its complementary colour #8CAAD2, or the analogous #D2918C and #CDD28C.