Color Palettes

Fawn color

A light yellowish tan, like the coat of a young deer. It's soft, warm and natural. It's popular for dog coat descriptions, nursery decor and neutral fashion.

Fawn · #E5AA70

About fawn

Fawn (#E5AA70) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 229 red, 170 green and 112 blue (out of 255). It is mostly used in nursery, fashion, pets.

Fawn shades and tints

From lightest to darkest. Tap a shade to copy its code.

Fawn color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Carolina blue
AnalogousClose to: Indian red, Pastel yellow
TriadicClose to: Aquamarine, Amethyst
Split complementaryClose to: Medium turquoise, Royal blue
TetradicClose to: Pastel green, Carolina blue, Orchid

Fawn color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Fawn
Analogous palette · Fawn
Complementary palette · Fawn
Triadic palette · Fawn
With neutrals palette · Fawn
With an accent palette · Fawn

Fawn contrast with text

White textContrast 2.0:1 · Not recommended
Black textContrast 10.3:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --fawn: #E5AA70;
  --fawn-rgb: 229, 170, 112;
}
.bg { background-color: var(--fawn); }
.text { color: var(--fawn); }

Colors similar to fawn

Sandy brownCamelPeachLight salmonTanNudeAtomic tangerineLight brownSandCopper

Themed palettes with this color

More browns

BrownCoffee brownChocolate brownMahoganyChestnutCinnamonSepiaOchreCaramelCamelMochaKhakiSandBeigeNudeBronzeTobacco brownSiennaCafé au laitTanCognacEspressoWalnutBurnt umber

Frequently asked questions

What is the hex code for fawn?

The hex code for fawn is #E5AA70. In RGB it is rgb(229, 170, 112), in HSL hsl(30, 69%, 67%) and in CMYK 0, 26, 51, 10.

What is the complementary color of fawn?

Its complement on the color wheel is #70ABE5, close to carolina blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on fawn?

Use black text instead: the contrast with white is only 2.0:1, while with black it is 10.3:1.