logoredraws.com

Tan Color Code: HEX, RGB and HSL Values for Logo Palettes

The standard tan color code is #D2B48C (RGB 210, 180, 140). See how to apply it in vector logo files and what to check before using it for print.

Published

Contents
  1. The short answer: tan is #D2B48C
  2. What tan looks like and how it differs from nearby colors
  3. Using the tan color code in a vector logo
  4. Practical checks before adding tan to a palette
  5. Gaps in the available information

The short answer: tan is #D2B48C

When designers and developers refer to the tan color code, they almost always mean the named color "tan" defined in the CSS and SVG color keyword lists. That definition is fixed: hexadecimal #D2B48C, which is RGB 210, 180, 140. Because it is a standardized web keyword, it renders identically whether you write the word tan or the hex value in a stylesheet or an SVG fill attribute.

Format | Value
Keyword | tan
HEX | #D2B48C
RGB | 210, 180, 140
HSL (rounded) | 34°, 44%, 69%
CMYK (simple arithmetic conversion, not a print profile) | approx. 0%, 14%, 33%, 18%

The HEX, RGB and keyword values are exact. The HSL figures are rounded from the RGB values. The CMYK line comes from the basic mathematical RGB-to-CMYK formula and is only a starting point; actual print values depend on the color profile, paper stock and printing process, so confirm them with your printer or a profile-based conversion in your design software.

What tan looks like and how it differs from nearby colors

Tan is a light, warm, desaturated brown with a yellow-orange hue. Its moderate saturation and fairly high lightness make it read as neutral and earthy rather than vivid. Several other CSS named colors sit close to it, and they are easy to confuse when picking from a swatch list.

Named color | HEX | How it compares with tan
tan | #D2B48C | Reference color
burlywood | #DEB887 | Slightly lighter and a touch more saturated
wheat | #F5DEB3 | Much lighter, closer to a cream
navajowhite | #FFDEAD | Lighter and more peach-toned
peru | #CD853F | Darker and noticeably more orange
sandybrown | #F4A460 | Brighter and more orange

Outside the web standard, the word tan is used loosely. Paint brands, textile catalogs and some palette generators label quite different shades as tan, so a value called tan in another source may not match #D2B48C. No verified Pantone or other spot-color equivalent was available for this article; if a brand guide requires a spot color, take it from that guide or a current official swatch book rather than estimating one.

In editable vector artwork, color is stored as a property of each path or shape, so you can apply tan precisely by entering the hex value in the fill or stroke field of your vector editor. In an SVG file, it appears directly in the markup:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="#D2B48C"/>
</svg>

The same value works in CSS when a logo is styled on a web page:

.logo-mark {
  fill: #D2B48C; /* equivalent to: fill: tan; */
}

This only applies to true vector content. If a file labeled SVG, EPS, AI or PDF actually contains an embedded raster image, or is just a raster preview, there are no paths to recolor, and the pixels will only approximate tan after compression or resampling. A file extension or filename does not guarantee editable paths; open the file in a vector editor and confirm that the shapes are selectable before relying on exact color codes.

Practical checks before adding tan to a palette

  • Contrast: tan is fairly light, so white text or a white logo on a tan background may lack contrast, while dark brown or black usually reads clearly. Test the pairing with a contrast checker before committing.
  • Screen versus print: keep #D2B48C as the master value for digital use, and record a separately verified CMYK or spot value for print instead of reusing the formula estimate.
  • Documentation: list the keyword, HEX and RGB values together in the brand guide so everyone working on the files uses the same tan.
  • Existing brands: if you are matching a tan used in someone else's logo, being able to download that logo does not grant permission to modify it or reuse its artwork, fonts or trademarks. The color value itself is generic, but the branded artwork is not.

Gaps in the available information

The values above come from the published CSS and SVG named color definitions and standard color math. No source evidence was available for official Pantone matches, print-tested CMYK recipes or any specific brand's tan, so those details are not provided here and should be confirmed from authoritative swatch references or the relevant brand guidelines.