What does the color Tan mean?

Deep Orange

Tan

#d2b48c

#dbc3a3

#e4d2ba

#ede1d1

#f6f0e8

#c2aa8a

Meaning

Bold warmth and intensity. Strong for food, sports, and energetic identities.

History

Tan is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Tan (#d2b48c) in CSS as color: tan; or as #d2b48c.

Preview

Tan

#d2b48c

Overview

Family: Deep Orange

Accessibility on this swatch:

AAA

(10.65:1)

Contrast vs white: 1.97:1 · vs black: 10.65:1

Formats

HEX

#d2b48c

RGB

rgb(210, 180, 140)

RGBA

rgba(210, 180, 140, 1)

HSL

hsl(34, 44%, 69%)

HSV

hsv(34, 33%, 82%)

LAB

lab(74.98% 5.02 24.43)

LCH

lch(74.98% 24.94 78.39)

OKLAB

oklab(0.7862 0.0169 0.0615)

OKLCH

oklch(0.7862 0.0638 74.63)

XYZ

xyz(47.63, 48.24, 31.61)

CMYK

cmyk(0%, 14%, 33%, 18%)

CSS

color: #d2b48c;

CSS variable

--color-d2b48c: #d2b48c;

SCSS

$color-d2b48c: #d2b48c;

Tailwind

red-300

Export

Developer code

:root {
  --tan-1: #d2b48c;
}

Color psychology

Bold warmth and intensity. Strong for food, sports, and energetic identities.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#dbc3a3

#e4d2ba

#ede1d1

#f6f0e8

#c2aa8a

#b19f87

#a19585

#908a82

Similar colors

#cfb791

#d4af87

#c7ad85

#dbbe8f

#d4b482

#c7aa8a

#d0bc8b

#deb887

Browse more in the color name library.