Tan color (#D2B48C)
Tan is one of the 148 CSS named colors. Use the keyword tan
anywhere CSS accepts a color, or its hex code #D2B48C, which is rgb(210, 180, 140) in RGB.
It is a light, moderately saturated warm color with a hue angle of 34° on the HSL color wheel and a perceived lightness of 79% in OKLCH. On a tan background, black text gives the higher contrast at 10.64:1, which passes WCAG AA for normal text.
Tan color codes
| CSS name | tan |
|
|---|---|---|
| HEX | #D2B48C |
|
| HEX (8-digit) | #D2B48CFF |
|
| RGB | rgb(210, 180, 140) |
|
| HSL | hsl(34, 44%, 69%) |
|
| HSV / HSB | hsv(34, 33%, 82%) |
|
| OKLCH | oklch(78.6% 0.0638 74.6) |
|
| CMYK | cmyk(0%, 14.3%, 33.3%, 17.6%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for tan used as text and as a background.
Tints and shades of tan
Tints mix tan with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with tan
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Tan with color blindness
Approximately how tan appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using tan in CSS
.element {
color: tan;
background-color: #d2b48c;
border-color: rgb(210 180 140 / 50%);
outline-color: oklch(78.6% 0.0638 74.6);
}Similar named colors
See all shades of brown or browse every CSS color name.