Brown Color Family

Tan Color Hex Code, RGB & HSL Values

Browse all Brown Colors

What is the meaning of the Tan color?

Tan is a classic, warm light-brown neutral color. It represents sandy shores and light leather, offering a stable, professional neutral backdrop that is warmer than standard gray.

How to use the Tan color hex code in HTML & CSS?

Developers can invoke Tan color codes in stylesheets using color: #D2B48C;. For modern CSS frameworks, set it as a variable --color-tan: #D2B48C;, or implement it in Tailwind using bg-[#D2B48C].

What are the RGB and HSL codes of Tan?

The RGB breakdown for Tan is rgb(210, 180, 140). In HSL space, it translates to 34° hue, 44% saturation, and 69% lightness, rendering a balanced, moderate saturation.

CMYK print profiles for Tan color

For print design projects using CMYK ink models, Tan corresponds to Cyan: 0%, Magenta: 14%, Yellow: 33%, and Black: 18%. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 210
Green Channel 180
Blue Channel 140
Luminance 0.482

Tan Color Space Conversions

Click to copy format
HEX Color Code #D2B48C
RGB (Red Green Blue) rgb(210, 180, 140)
HSL (Hue Sat Light) hsl(34°, 44%, 69%)
CMYK (Commercial Print) cmyk(0%, 14%, 33%, 18%)
HSV / HSB Values hsv(34°, 33%, 82%)
Decimal Color Code 13808780
CSS Custom Variable --color-hex: #D2B48C;
Tailwind CSS Utility bg-[#D2B48C]
CSS Named Color tan

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #D2B48C

Small body copy preview

Black Text on Background

Black text readability test with #D2B48C

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Tan */
--color-hex: #D2B48C;
--color-rgb: rgb(210, 180, 140);
--color-hsl: hsl(34deg, 44%, 69%);
--color-name: tan;

Aa Known Color Aliases

Tan tan (CSS Identifier) Web TanLight TanSand TanWarm Beige

Tan Color Meaning

As a notable shade in the brown spectrum, Tan embodies the core psychological traits of the brown color family. The brown spectrum is the color of the earth itself — soil, tree bark, and natural stone. This foundational connection gives brown a deep sense of reliability, stability, and authenticity. It is associated with honest, no-nonsense quality and natural materials. In branding, brown signals craftsmanship, heritage, and organic authenticity — coffee brands, chocolate companies, and artisan goods all leverage brown's earthy credibility. Unlike the coolness of gray, brown is intrinsically warm, making spaces feel cozy and inviting. Dark rich browns communicate luxury and premium quality, while lighter tans and beiges suggest simplicity and naturalness. Brown is experiencing a design renaissance as consumers prioritize authenticity over artificiality.

Emotions & Associations

ComfortWarmthReliabilityHonesty

Industries

LuxuryOutdoor & NatureArtisan Goods

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!