Tan #D2B48C
A soft light brown with a yellow undertone.
Use cases: Skin-tone-adjacent UI · Warm palettes
Color values
| Format | Value | |
|---|---|---|
| HEX | #D2B48C | |
| RGB | rgb(210, 180, 140) | |
| HSL | hsl(34, 44%, 69%) | |
| HSV | hsv(34, 33%, 82%) | |
| OKLCH | oklch(78.62% 0.064 74.6) | |
| OKLab | oklab(78.62% 0.0169 0.0615) | |
| CMYK | cmyk(0%, 14.3%, 33.3%, 17.6%) | |
| XYZ | xyz(47.6341, 48.2395, 31.6079) | |
| CIE-LAB | lab(75.0, 5.0, 24.4) | |
| CIE-LCH | lch(75.0, 24.9, 78.4°) | |
| Luminance | 0.482 (WCAG relative) |
Source: W3C CSS named color. CSS keyword: tan.
Collections: Boho Colors · Retro Colors · Desert Colors · Skin Tone Colors · Vintage Colors
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
OKLCH ramp (perceptually uniform, modern CSS)
Shades (toward black)
Tints (toward white)
Tones (toward gray)
Color harmonies
Complementary
Edit in generator →Analogous
Edit in generator →Triadic
Edit in generator →Tetradic
Edit in generator →Square
Edit in generator →Split Complementary
Edit in generator →Monochromatic
Edit in generator →Accessibility & contrast
Best text on Tan
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.
| Color | Name | ΔE₀₀ |
|---|---|---|
| Burlywood #DEB887 | 3.09 | |
| Fawn #CFAF7B | 3.42 | |
| Toupe #C7AC7D | 3.58 | |
| Khaki #C3B091 | 4.32 | |
| Sandstone #C9AE74 | 5.53 | |
| Putty #BEAE8A | 5.61 |
Related colors
Palettes with Tan
Colors that go with Tan
Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.