#e1af48 hex color

In a RGB color space, hex #e1af48 is composed of 88.2% red, 68.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 68% yellow and 11.8% black. It has a hue angle of 40.4 degrees, a saturation of 71.8% and a lightness of 58.2%. #e1af48 color hex could be obtained by blending #ffff90 with #c35f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 88
- G 69
- B 28
RGB color chart
- C 0
- M 22
- Y 68
- K 12
CMYK color chart

● #e1af48 color description : Soft orange.

The hexadecimal color #e1af48 has RGB values of R:225, G:175, B:72 and CMYK values of C:0, M:0.22, Y:0.68, K:0.12. Its decimal value is 14790472.

Hex triplet	e1af48	`#e1af48`
RGB Decimal	225, 175, 72	`rgb(225,175,72)`
RGB Percent	88.2, 68.6, 28.2	`rgb(88.2%,68.6%,28.2%)`
CMYK	0, 22, 68, 12
HSL	40.4°, 71.8, 58.2	`hsl(40.4,71.8%,58.2%)`
HSV (or HSB)	40.4°, 68, 88.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.278, 7.8, 57.87
XYZ	47.552, 47.138, 12.724
xyY	0.443, 0.439, 47.138
CIE-LCH	74.278, 58.393, 82.323
CIE-LUV	74.278, 40.634, 64.488
Hunter-Lab	68.657, 3.479, 37.071
Binary	11100001, 10101111, 01001000

#e1af48
```
#e1af48 rgb(225,175,72)
```
#487ae1
```
#487ae1 rgb(72,122,225)
```

Complementary Color

#e16348
```
#e16348 rgb(225,99,72)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#c7e148
```
#c7e148 rgb(199,225,72)
```

Analogous Color

#6248e1
```
#6248e1 rgb(98,72,225)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#48c7e1
```
#48c7e1 rgb(72,199,225)
```

Split Complementary Color

#af48e1
```
#af48e1 rgb(175,72,225)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#48e1af
```
#48e1af rgb(72,225,175)
```

Triadic Color

#e1487a
```
#e1487a rgb(225,72,122)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#487ae1
```
#487ae1 rgb(72,122,225)
```

Tetradic Color

#bd8a1f
```
#bd8a1f rgb(189,138,31)
```
#d39a23
```
#d39a23 rgb(211,154,35)
```
#dda532
```
#dda532 rgb(221,165,50)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#e5b95e
```
#e5b95e rgb(229,185,94)
```
#e8c274
```
#e8c274 rgb(232,194,116)
```
#eccc8a
```
#eccc8a rgb(236,204,138)
```

Monochromatic Color

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

#e18948
```
#e18948 rgb(225,137,72)
```
#e19648
```
#e19648 rgb(225,150,72)
```
#e1a248
```
#e1a248 rgb(225,162,72)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#e1bc48
```
#e1bc48 rgb(225,188,72)
```
#e1c948
```
#e1c948 rgb(225,201,72)
```
#e1d548
```
#e1d548 rgb(225,213,72)
```

Similar Colors

Text with hexadecimal color #e1af48

This text has a font color of #e1af48.

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

#e1af48 background color

This paragraph has a background color of #e1af48.

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

#e1af48 border color

This element has a border color of #e1af48.

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

CSS codes

.text {color:#e1af48;}

.background {background-color:#e1af48;}

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

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, #020200 is the darkest color, while #fdf9f1 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#130e03
```
#130e03 rgb(19,14,3)
```
#241a06
```
#241a06 rgb(36,26,6)
```
#352609
```
#352609 rgb(53,38,9)
```
#46330b
```
#46330b rgb(70,51,11)
```
#573f0e
```
#573f0e rgb(87,63,14)
```
#674b11
```
#674b11 rgb(103,75,17)
```
#785714
```
#785714 rgb(120,87,20)
```
#896416
```
#896416 rgb(137,100,22)
```
#9a7019
```
#9a7019 rgb(154,112,25)
```
#ab7c1c
```
#ab7c1c rgb(171,124,28)
```
#bc881f
```
#bc881f rgb(188,136,31)
```
#cd9522
```
#cd9522 rgb(205,149,34)
```

Shade Color Variation

#dba026
```
#dba026 rgb(219,160,38)
```
#dea837
```
#dea837 rgb(222,168,55)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#e4b659
```
#e4b659 rgb(228,182,89)
```
#e7be6a
```
#e7be6a rgb(231,190,106)
```
#e9c57b
```
#e9c57b rgb(233,197,123)
```
#eccc8b
```
#eccc8b rgb(236,204,139)
```
#efd49c
```
#efd49c rgb(239,212,156)
```
#f2dbad
```
#f2dbad rgb(242,219,173)
```
#f4e3be
```
#f4e3be rgb(244,227,190)
```
#f7eacf
```
#f7eacf rgb(247,234,207)
```
#faf1e0
```
#faf1e0 rgb(250,241,224)
```
#fdf9f1
```
#fdf9f1 rgb(253,249,241)
```

Tint Color Variation

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

#979592
```
#979592 rgb(151,149,146)
```
#9f988a
```
#9f988a rgb(159,152,138)
```
#a89b81
```
#a89b81 rgb(168,155,129)
```
#b09e79
```
#b09e79 rgb(176,158,121)
```
#b8a171
```
#b8a171 rgb(184,161,113)
```
#c0a469
```
#c0a469 rgb(192,164,105)
```
#c8a661
```
#c8a661 rgb(200,166,97)
```
#d1a958
```
#d1a958 rgb(209,169,88)
```
#d9ac50
```
#d9ac50 rgb(217,172,80)
```
#e1af48
```
#e1af48 rgb(225,175,72)
```
#e9b240
```
#e9b240 rgb(233,178,64)
```
#f1b538
```
#f1b538 rgb(241,181,56)
```
#fab82f
```
#fab82f rgb(250,184,47)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#bbb19d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba53 Protanopia 1% of men
#e5b152 Deuteranopia 1% of men
#eaa8b4 Tritanopia 0.001% of the population

Trichromacy

#d5b64f Protanomaly 1% of men, 0.01% of women
#e3b04e Deuteranomaly 6% of men, 0.4% of women
#e7ab8d Tritanomaly 0.01% of the population

#e1af48 hex color

#e1af48 Color Information

#e1af48 Color Conversion

Color Schemes with #e1af48

Alternatives to #e1af48

#e1af48 Preview

Shades and Tints of #e1af48

Tones of #e1af48

Color Blindness Simulator