#e4af69 hex color

In a RGB color space, hex #e4af69 is composed of 89.4% red, 68.6% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 53.9% yellow and 10.6% black. It has a hue angle of 34.1 degrees, a saturation of 69.5% and a lightness of 65.3%. #e4af69 color hex could be obtained by blending #ffffd2 with #c95f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 89
- G 69
- B 41
RGB color chart
- C 0
- M 23
- Y 54
- K 11
CMYK color chart

● #e4af69 color description : Soft orange.

The hexadecimal color #e4af69 has RGB values of R:228, G:175, B:105 and CMYK values of C:0, M:0.23, Y:0.54, K:0.11. Its decimal value is 14987113.

Hex triplet	e4af69	`#e4af69`
RGB Decimal	228, 175, 105	`rgb(228,175,105)`
RGB Percent	89.4, 68.6, 41.2	`rgb(89.4%,68.6%,41.2%)`
CMYK	0, 23, 54, 11
HSL	34.1°, 69.5, 65.3	`hsl(34.1,69.5%,65.3%)`
HSV (or HSB)	34.1°, 53.9, 89.4
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.936, 11.326, 43.029
XYZ	49.875, 48.176, 20.036
xyY	0.422, 0.408, 48.176
CIE-LCH	74.936, 44.494, 75.253
CIE-LUV	74.936, 40.685, 51.055
Hunter-Lab	69.409, 6.799, 31.472
Binary	11100100, 10101111, 01101001

#e4af69
```
#e4af69 rgb(228,175,105)
```
#699ee4
```
#699ee4 rgb(105,158,228)
```

Complementary Color

#e47269
```
#e47269 rgb(228,114,105)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#dce469
```
#dce469 rgb(220,228,105)
```

Analogous Color

#7269e4
```
#7269e4 rgb(114,105,228)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#69dce4
```
#69dce4 rgb(105,220,228)
```

Split Complementary Color

#af69e4
```
#af69e4 rgb(175,105,228)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#69e4af
```
#69e4af rgb(105,228,175)
```

Triadic Color

#e4699e
```
#e4699e rgb(228,105,158)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#69e4af
```
#69e4af rgb(105,228,175)
```
#699ee4
```
#699ee4 rgb(105,158,228)
```

Tetradic Color

#d88c28
```
#d88c28 rgb(216,140,40)
```
#dc983e
```
#dc983e rgb(220,152,62)
```
#e0a353
```
#e0a353 rgb(224,163,83)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#e8bb7f
```
#e8bb7f rgb(232,187,127)
```
#ecc694
```
#ecc694 rgb(236,198,148)
```
#f0d2aa
```
#f0d2aa rgb(240,210,170)
```

Monochromatic Color

Below, you can see some colors close to #e4af69. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#e49069
```
#e49069 rgb(228,144,105)
```
#e49b69
```
#e49b69 rgb(228,155,105)
```
#e4a569
```
#e4a569 rgb(228,165,105)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#e4b969
```
#e4b969 rgb(228,185,105)
```
#e4c469
```
#e4c469 rgb(228,196,105)
```
#e4ce69
```
#e4ce69 rgb(228,206,105)
```

Similar Colors

Text with hexadecimal color #e4af69

This text has a font color of #e4af69.

<span style="color:#e4af69;">Text here</span>

#e4af69 background color

This paragraph has a background color of #e4af69.

<p style="background-color:#e4af69;">Content here</p>

#e4af69 border color

This element has a border color of #e4af69.

<div style="border:1px solid #e4af69;">Content here</div>

CSS codes

.text {color:#e4af69;}

.background {background-color:#e4af69;}

.border {border:1px solid #e4af69;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #100a03 is the darkest color, while #ffffff is the lightest one.

#100a03
```
#100a03 rgb(16,10,3)
```
#211506
```
#211506 rgb(33,21,6)
```
#312009
```
#312009 rgb(49,32,9)
```
#422b0c
```
#422b0c rgb(66,43,12)
```
#53350f
```
#53350f rgb(83,53,15)
```
#634012
```
#634012 rgb(99,64,18)
```
#744b15
```
#744b15 rgb(116,75,21)
```
#855618
```
#855618 rgb(133,86,24)
```
#95601b
```
#95601b rgb(149,96,27)
```
#a66b1e
```
#a66b1e rgb(166,107,30)
```
#b67621
```
#b67621 rgb(182,118,33)
```
#c78124
```
#c78124 rgb(199,129,36)
```
#d88b27
```
#d88b27 rgb(216,139,39)
```

Shade Color Variation

#db9437
```
#db9437 rgb(219,148,55)
```
#de9d48
```
#de9d48 rgb(222,157,72)
```
#e1a658
```
#e1a658 rgb(225,166,88)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#e7b87a
```
#e7b87a rgb(231,184,122)
```
#eac18a
```
#eac18a rgb(234,193,138)
```
#edca9b
```
#edca9b rgb(237,202,155)
```
#f0d2ab
```
#f0d2ab rgb(240,210,171)
```
#f3dbbc
```
#f3dbbc rgb(243,219,188)
```
#f6e4cd
```
#f6e4cd rgb(246,228,205)
```
#f9eddd
```
#f9eddd rgb(249,237,221)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a7a7a6 is the less saturated color, while #f8b255 is the most saturated one.

#a7a7a6
```
#a7a7a6 rgb(167,167,166)
```
#aea79f
```
#aea79f rgb(174,167,159)
```
#b4a899
```
#b4a899 rgb(180,168,153)
```
#bba992
```
#bba992 rgb(187,169,146)
```
#c2aa8b
```
#c2aa8b rgb(194,170,139)
```
#c9ab84
```
#c9ab84 rgb(201,171,132)
```
#d0ac7d
```
#d0ac7d rgb(208,172,125)
```
#d6ad77
```
#d6ad77 rgb(214,173,119)
```
#ddae70
```
#ddae70 rgb(221,174,112)
```
#e4af69
```
#e4af69 rgb(228,175,105)
```
#ebb062
```
#ebb062 rgb(235,176,98)
```
#f2b15b
```
#f2b15b rgb(242,177,91)
```
#f8b255
```
#f8b255 rgb(248,178,85)
```

Tone Color Variation

Below, you can see how #e4af69 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b7b7b7 Achromatopsia 0.005% of the population
#c0b5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbc73 Protanopia 1% of men
#e3b470 Deuteranopia 1% of men
#ebaab6 Tritanopia 0.001% of the population

Trichromacy

#d5b76f Protanomaly 1% of men, 0.01% of women
#e3b26d Deuteranomaly 6% of men, 0.4% of women
#e9ac9a Tritanomaly 0.01% of the population

#e4af69 hex color

#e4af69 Color Information

#e4af69 Color Conversion

Color Schemes with #e4af69

Alternatives to #e4af69

#e4af69 Preview

Shades and Tints of #e4af69

Tones of #e4af69

Color Blindness Simulator