#e4af64 hex color

In a RGB color space, hex #e4af64 is composed of 89.4% red, 68.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 56.1% yellow and 10.6% black. It has a hue angle of 35.2 degrees, a saturation of 70.3% and a lightness of 64.3%. #e4af64 color hex could be obtained by blending #ffffc8 with #c95f00. Closest websafe color is: #cc9966.

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

● #e4af64 color description : Soft orange.

The hexadecimal color #e4af64 has RGB values of R:228, G:175, B:100 and CMYK values of C:0, M:0.23, Y:0.56, K:0.11. Its decimal value is 14987108.

Hex triplet	e4af64	`#e4af64`
RGB Decimal	228, 175, 100	`rgb(228,175,100)`
RGB Percent	89.4, 68.6, 39.2	`rgb(89.4%,68.6%,39.2%)`
CMYK	0, 23, 56, 11
HSL	35.2°, 70.3, 64.3	`hsl(35.2,70.3%,64.3%)`
HSV (or HSB)	35.2°, 56.1, 89.4
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.873, 10.923, 45.464
XYZ	49.626, 48.076, 18.722
xyY	0.426, 0.413, 48.076
CIE-LCH	74.873, 46.758, 76.49
CIE-LUV	74.873, 41.081, 53.442
Hunter-Lab	69.337, 6.415, 32.527
Binary	11100100, 10101111, 01100100

#e4af64
```
#e4af64 rgb(228,175,100)
```
#6499e4
```
#6499e4 rgb(100,153,228)
```

Complementary Color

#e46f64
```
#e46f64 rgb(228,111,100)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#d9e464
```
#d9e464 rgb(217,228,100)
```

Analogous Color

#6f64e4
```
#6f64e4 rgb(111,100,228)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#64d9e4
```
#64d9e4 rgb(100,217,228)
```

Split Complementary Color

#af64e4
```
#af64e4 rgb(175,100,228)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#64e4af
```
#64e4af rgb(100,228,175)
```

Triadic Color

#e46499
```
#e46499 rgb(228,100,153)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#64e4af
```
#64e4af rgb(100,228,175)
```
#6499e4
```
#6499e4 rgb(100,153,228)
```

Tetradic Color

#d68d25
```
#d68d25 rgb(214,141,37)
```
#dc9939
```
#dc9939 rgb(220,153,57)
```
#e0a44e
```
#e0a44e rgb(224,164,78)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#e8ba7a
```
#e8ba7a rgb(232,186,122)
```
#ecc58f
```
#ecc58f rgb(236,197,143)
```
#efd1a5
```
#efd1a5 rgb(239,209,165)
```

Monochromatic Color

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

#e48f64
```
#e48f64 rgb(228,143,100)
```
#e49a64
```
#e49a64 rgb(228,154,100)
```
#e4a464
```
#e4a464 rgb(228,164,100)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#e4ba64
```
#e4ba64 rgb(228,186,100)
```
#e4c464
```
#e4c464 rgb(228,196,100)
```
#e4cf64
```
#e4cf64 rgb(228,207,100)
```

Similar Colors

Text with hexadecimal color #e4af64

This text has a font color of #e4af64.

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

#e4af64 background color

This paragraph has a background color of #e4af64.

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

#e4af64 border color

This element has a border color of #e4af64.

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

CSS codes

.text {color:#e4af64;}

.background {background-color:#e4af64;}

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

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, #0c0802 is the darkest color, while #fefdfa is the lightest one.

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1d1305
```
#1d1305 rgb(29,19,5)
```
#2d1e08
```
#2d1e08 rgb(45,30,8)
```
#3e290b
```
#3e290b rgb(62,41,11)
```
#4f340e
```
#4f340e rgb(79,52,14)
```
#603f11
```
#603f11 rgb(96,63,17)
```
#704a14
```
#704a14 rgb(112,74,20)
```
#815516
```
#815516 rgb(129,85,22)
```
#926019
```
#926019 rgb(146,96,25)
```
#a26b1c
```
#a26b1c rgb(162,107,28)
```
#b3761f
```
#b3761f rgb(179,118,31)
```
#c48122
```
#c48122 rgb(196,129,34)
```
#d58c25
```
#d58c25 rgb(213,140,37)
```

Shade Color Variation

#db9532
```
#db9532 rgb(219,149,50)
```
#de9e43
```
#de9e43 rgb(222,158,67)
```
#e1a653
```
#e1a653 rgb(225,166,83)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#e7b875
```
#e7b875 rgb(231,184,117)
```
#eac085
```
#eac085 rgb(234,192,133)
```
#edc996
```
#edc996 rgb(237,201,150)
```
#f0d1a7
```
#f0d1a7 rgb(240,209,167)
```
#f3dab8
```
#f3dab8 rgb(243,218,184)
```
#f5e3c8
```
#f5e3c8 rgb(245,227,200)
```
#f8ebd9
```
#f8ebd9 rgb(248,235,217)
```
#fbf4ea
```
#fbf4ea rgb(251,244,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#a5a4a3
```
#a5a4a3 rgb(165,164,163)
```
#aca59c
```
#aca59c rgb(172,165,156)
```
#b3a795
```
#b3a795 rgb(179,167,149)
```
#baa88e
```
#baa88e rgb(186,168,142)
```
#c1a987
```
#c1a987 rgb(193,169,135)
```
#c8aa80
```
#c8aa80 rgb(200,170,128)
```
#cfab79
```
#cfab79 rgb(207,171,121)
```
#d6ad72
```
#d6ad72 rgb(214,173,114)
```
#ddae6b
```
#ddae6b rgb(221,174,107)
```
#e4af64
```
#e4af64 rgb(228,175,100)
```
#ebb05d
```
#ebb05d rgb(235,176,93)
```
#f2b156
```
#f2b156 rgb(242,177,86)
```
#f9b34f
```
#f9b34f rgb(249,179,79)
```

Tone Color Variation

Below, you can see how #e4af64 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

#b6b6b6 Achromatopsia 0.005% of the population
#bfb5a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbb6f Protanopia 1% of men
#e3b36b Deuteranopia 1% of men
#ecaab6 Tritanopia 0.001% of the population

Trichromacy

#d5b76b Protanomaly 1% of men, 0.01% of women
#e3b269 Deuteranomaly 6% of men, 0.4% of women
#e9ac98 Tritanomaly 0.01% of the population

#e4af64 hex color

#e4af64 Color Information

#e4af64 Color Conversion

Color Schemes with #e4af64

Alternatives to #e4af64

#e4af64 Preview

Shades and Tints of #e4af64

Tones of #e4af64

Color Blindness Simulator