Skip to content

Fawn Color Code: HEX Code & RGB Code Values ​

Looking for specific fawn color code? Get exact fawn hex code #E5AA70 and fawn RGB code rgb(229,170,112). Complete color information for design and development projects featuring this soft, golden-brown color.

Visual example of fawn color with its soft, golden-brown appearance
HEX#E5AA70
RGBrgb(229,170,112)

Shades of Fawn ​

Create custom shades of fawn with our color generator. Adjust hues, tints, and tones to find the perfect shade of fawn for your project.

🎨

Shades (Adding Black)

  • E5AA70
    rgb(229, 170, 112)
  • BB8B5D
    rgb(187, 139, 93)
  • 936E4A
    rgb(147, 110, 74)
  • 6C5239
    rgb(108, 82, 57)
  • 483728
    rgb(72, 55, 40)
  • 271F18
    rgb(39, 31, 24)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • E5AA70
    rgb(229, 170, 112)
  • EBB887
    rgb(235, 184, 135)
  • F1C69E
    rgb(241, 198, 158)
  • F6D4B6
    rgb(246, 212, 182)
  • FAE2CE
    rgb(250, 226, 206)
  • FDF0E6
    rgb(253, 240, 230)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • E5AA70
    rgb(229, 170, 112)
  • E1AB78
    rgb(225, 171, 120)
  • DBAD83
    rgb(219, 173, 131)
  • D3AF8F
    rgb(211, 175, 143)
  • CBB19B
    rgb(203, 177, 155)
  • C1B3A8
    rgb(193, 179, 168)
  • 808080
    rgb(128, 128, 128)

Fawn Palette ​

Explore curated and automatically generated color palettes featuring fawn. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFF1E3
Light
#F8D9BC
Medium Light
#F0C195
Medium
#E5AA70
Medium Dark
#BD8752
Dark
#976536
Darkest
#71451B

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#E5AA70
Left Dark
#ECBC90
Left Medium
#F1CFB1
Left Light
#F4E2D3
Neutral
#F5F5F5
Right Light
#D7E2F1
Right Medium
#B7CFED
Right Dark
#96BDE9
Complementary End
#70ABE5

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#F6D4B6
Medium
#E5AA70
Dark
#7B4D16
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#E570AB
Left Adjacent 1
#E57071
Main
#E5AA70
Right Adjacent 1
#E5E470
Right Adjacent 2
#ABE570

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#E5AA70
Complementary
#70ABE5

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#E5AA70
Secondary
#70E5AA
Tertiary
#AA70E5

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#E5AA70
Right 90°
#71E570
Complementary
#70ABE5
Left 90°
#E570E5

Tetradic

Two pairs of complementary colors

4 colors
Main
#E5AA70
Secondary
#ABE570
Complementary
#70ABE5
Complementary Secondary
#AA70E5

Split Complementary

Complementary colors ±30°

3 colors
Main
#E5AA70
Split Left
#70E5E4
Split Right
#7071E5

Cyclic

Circular gradient for periodic data

8 colors
0°
#E5AA70
45°
#C8E570
90°
#71E570
135°
#70E5C7
180°
#70ABE5
225°
#8D70E5
270°
#E570E5
315°
#E5708E

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C2B2A3
Pastel 1
#CABDAF
Pastel 2
#D3C7BB
Pastel 3
#DBD1C8
Pastel 4
#E3DBD4
Deep Pastel
#EBE5E0

Common Brown Color Codes (HEX & RGB) ​

Brown →
HEX:#A52A2A
RGB:rgb(165, 42, 42)
Light Brown →
HEX:#B5651D
RGB:rgb(181, 101, 29)
Dark Brown →
HEX:#654321
RGB:rgb(101, 67, 33)
Beige →
HEX:#F5F5DC
RGB:rgb(245, 245, 220)

Extract Fawn Hex & RGB Codes from Image ​

Upload a photo to find the exact fawn HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Fawn Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for fawn shades.

🎨

All Formats:

  • HEX:
    #E5AA70
  • RGB:
    rgb(229, 170, 112)
  • CMYK:
    cmyk(0%, 26%, 51%, 10%)
  • HSV:
    hsv(30°, 51%, 90%)
  • HSL:
    hsl(30°, 69%, 67%)

What is Fawn? ​

Fawn is a soft, golden-brown color named after the young deer. It's a warm, gentle shade that evokes feelings of nature and grace. This color is often associated with wildlife, forests, and natural aesthetics.

The hex code for fawn is #E5AA70, with RGB values of rgb(229, 170, 112). It's a soft, beautiful color that adds warmth to any design.

Design Applications ​

Fawn works well in wildlife designs, natural aesthetics, and gentle themes. It pairs beautifully with forest green, cream, and soft brown. Use it for nature branding, outdoor products, or to create a gentle, natural atmosphere in your projects.

FAQ ​

What is the fawn hex code? ​

The fawn hex code is #E5AA70.

What colors complement fawn? ​

Fawn pairs well with forest green, cream, soft brown, and white.

Is fawn named after the animal? ​

Yes, it's named for the color of a young deer's coat.