# Tan Color (#D2B48C)

> Tan is a CSS named color defined as hex code #D2B48C.

- **URL**: https://swatchatlas.com/colors/tan/
- **Language**: English (en)
- **CSS Name**: `tan`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #D2B48C
- **RGB**: rgb(210, 180, 140)
- **HSL**: hsl(34, 44%, 69%)
- **HSV/HSB**: hsv(34, 33%, 82%)
- **CMYK**: cmyk(0%, 14%, 33%, 18%) (digital approximation, non-print)
- **OKLCH**: oklch(0.786 0.064 74.6)

## What Colors Go With Tan
Contrast is each color on Tan (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 10.65:1, text-safe. Strong, readable text on tan.
- **Navy (#000080)**: 8.12:1, text-safe. A deep blue that gives readable text and a crisp contrast.
- **Dark Slate Gray (#2F4F4F)**: 4.53:1, text-safe. A dark neutral for body text.
- **Saddle Brown (#8B4513)**: 3.6:1, background or accent. A deeper tonal brown for headings and outlines.
- **Maroon (#800000)**: 5.55:1, text-safe. A deep red for warm, readable accents.
- **Ivory (#FFFFF0)**: 1.95:1, background or accent. A warm off-white for backgrounds and spacing.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Tan**: 10.65:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Tan**: 1.97:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Tan**: 7.82:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Tan**: 2.91:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Tan?
Yes. Black text on Tan has a WCAG 2.2 contrast ratio of 10.65:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Tan?
No. White text on Tan has a WCAG 2.2 contrast ratio of only 1.97:1, below the 3:1 minimum even for large text.

### What colors go with Tan?
Black, Navy, Dark Slate Gray, Saddle Brown, Maroon and Ivory all go well with Tan. Black (10.65:1), Navy (8.12:1), Dark Slate Gray (4.53:1) and Maroon (5.55:1) have enough contrast for text on Tan; Saddle Brown and Ivory work better as a background or accent.

### What is the difference between tan and beige?
Beige (#F5F5DC) is much lighter and closer to a pale cream, while Tan (#D2B48C) is a distinctly brown mid-light color. Their relative luminance is 0.482 for tan against about 0.9 for beige.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/tan-1920x1080.png