What color is Fawn?
Fawn is a soft, warm tan with golden and peachy undertones, hex #E5AA70, close to the color of unbleached linen. It is lighter than caramel but carries a gentle amber warmth that keeps it from looking pale or washed out.
What is the meaning of the color Fawn?
English speakers first recorded fawn as a color name in 1789, borrowing it from the Old French faon, meaning a young deer, whose coat matches this muted golden-tan shade. The color became common in British textile trade during the late 18th and early 19th centuries, when undyed or lightly finished wool cloths were described as fawn to signal their natural, understated tone. Military tailors adopted fawn-adjacent shades for dress uniforms and civilian outerwear during the Regency period, helping establish the color as a mark of quiet refinement. Burberry used tones in this range as a core part of their trench coat lining, anchoring fawn to a tradition of British outerwear that has held since the brand’s expansion in the early 20th century.
What colors go with Fawn?
Colors that pair well with Fawn include:
Deep Teal: rich, grounding contrast
Cream: soft, seamless warmth
Olive Green: earthy, natural balance
Dusty Rose: gentle, warm softness
Charcoal: sharp, anchoring depth
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #E5AA70 |
color: #E5AA70;
|
| RGB | 229, 170, 112 |
color: rgb(229, 170, 112);
|
| RGB Percentage | 90%, 67%, 44% |
color: rgb(90%, 67%, 44%);
|
| CMYK | 0%, 26%, 51%, 10% | Not supported in CSS |
| HSL | 30°, 69%, 67% |
color: hsl(30, 69%, 67%);
|
| HSV | 30°, 51%, 90% | Not supported in CSS |
| CIE-LAB | 54, 12, 19 |
color: lab(54% 12 19);
|
| Decimal | 15051376 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.fawn {
color: #E5AA70;
}
$fawn: #E5AA70;
rgb(229, 170, 112)