brownwarm
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%) | |
| 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) | |
| Luminance | 0.482 (WCAG relative) |
/* Tan */
color: #d2b48c;
background-color: #d2b48c;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#bda27e #a89070 #937e62 #7e6c54 #695a46 #544838 #3f362a #2a241c #15120e #000000
Tints (toward white)
#d7bc98 #dbc3a3 #e0cbaf #e4d2ba #e9dac6 #ede1d1 #f2e9dd #f6f0e8 #fbf8f4 #ffffff
Tones (toward gray)
#caaf8b #c2aa8a #b9a488 #b19f87 #a99a86 #a19585 #999084 #908a82 #888581 #808080
Color harmonies
Complementary
Edit in generator →#D2B48C
#8CAAD2
#d2b48c #8caad2
Analogous
Edit in generator →#D2918C
#D2B48C
#CDD28C
#d2918c #d2b48c #cdd28c
Triadic
Edit in generator →#D2B48C
#8CD2B4
#B48CD2
#d2b48c #8cd2b4 #b48cd2
Tetradic
Edit in generator →#D2B48C
#8CD291
#8CAAD2
#D28CCD
#d2b48c #8cd291 #8caad2 #d28ccd
Split Complementary
Edit in generator →#D2B48C
#8CCDD2
#918CD2
#d2b48c #8ccdd2 #918cd2
Monochromatic
Edit in generator →#A47940
#C19760
#D2B48C
#E3D1B8
#F4EDE4
#a47940 #c19760 #d2b48c #e3d1b8 #f4ede4
Accessibility & contrast
1.97
#D2B48C on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
10.65
#D2B48C on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on tan
10.65
#000000 text
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.
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₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Khaki #C3B091 | 4.32 | |
| Sand #C2B280 | 6.61 | |
| Camel #C19A6B | 7.54 | |
| Apricot #FBCEB1 | 10.44 | |
| Peach #FFDAB9 | 10.46 | |
| Warm Beige #E9DCC9 | 12.10 |
Related colors
Palettes with tan
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.