#e0a346 hex color

In a RGB color space, hex #e0a346 is composed of 87.8% red, 63.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 68.8% yellow and 12.2% black. It has a hue angle of 36.2 degrees, a saturation of 71.3% and a lightness of 57.6%. #e0a346 color hex could be obtained by blending #ffff8c with #c14700. Closest websafe color is: #cc9933.

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

● #e0a346 color description : Soft orange.

The hexadecimal color #e0a346 has RGB values of R:224, G:163, B:70 and CMYK values of C:0, M:0.27, Y:0.69, K:0.12. Its decimal value is 14721862.

Hex triplet	e0a346	`#e0a346`
RGB Decimal	224, 163, 70	`rgb(224,163,70)`
RGB Percent	87.8, 63.9, 27.5	`rgb(87.8%,63.9%,27.5%)`
CMYK	0, 27, 69, 12
HSL	36.2°, 71.3, 57.6	`hsl(36.2,71.3%,57.6%)`
HSV (or HSB)	36.2°, 68.8, 87.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.205, 13.652, 55.466
XYZ	44.944, 42.486, 11.628
xyY	0.454, 0.429, 42.486
CIE-LCH	71.205, 57.122, 76.172
CIE-LUV	71.205, 48.922, 60.052
Hunter-Lab	65.182, 9.011, 35.051
Binary	11100000, 10100011, 01000110

#e0a346
```
#e0a346 rgb(224,163,70)
```
#4683e0
```
#4683e0 rgb(70,131,224)
```

Complementary Color

#e05646
```
#e05646 rgb(224,86,70)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#d0e046
```
#d0e046 rgb(208,224,70)
```

Analogous Color

#5646e0
```
#5646e0 rgb(86,70,224)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#46d0e0
```
#46d0e0 rgb(70,208,224)
```

Split Complementary Color

#a346e0
```
#a346e0 rgb(163,70,224)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#46e0a3
```
#46e0a3 rgb(70,224,163)
```

Triadic Color

#e04683
```
#e04683 rgb(224,70,131)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#46e0a3
```
#46e0a3 rgb(70,224,163)
```
#4683e0
```
#4683e0 rgb(70,131,224)
```

Tetradic Color

#ba7d1f
```
#ba7d1f rgb(186,125,31)
```
#d08c23
```
#d08c23 rgb(208,140,35)
```
#dc9830
```
#dc9830 rgb(220,152,48)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#e4ae5c
```
#e4ae5c rgb(228,174,92)
```
#e7b972
```
#e7b972 rgb(231,185,114)
```
#ebc488
```
#ebc488 rgb(235,196,136)
```

Monochromatic Color

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

#e07d46
```
#e07d46 rgb(224,125,70)
```
#e08946
```
#e08946 rgb(224,137,70)
```
#e09646
```
#e09646 rgb(224,150,70)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#e0b046
```
#e0b046 rgb(224,176,70)
```
#e0bd46
```
#e0bd46 rgb(224,189,70)
```
#e0ca46
```
#e0ca46 rgb(224,202,70)
```

Similar Colors

Text with hexadecimal color #e0a346

This text has a font color of #e0a346.

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

#e0a346 background color

This paragraph has a background color of #e0a346.

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

#e0a346 border color

This element has a border color of #e0a346.

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

CSS codes

.text {color:#e0a346;}

.background {background-color:#e0a346;}

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

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, #110b03 is the darkest color, while #ffffff is the lightest one.

#110b03
```
#110b03 rgb(17,11,3)
```
#211606
```
#211606 rgb(33,22,6)
```
#322208
```
#322208 rgb(50,34,8)
```
#432d0b
```
#432d0b rgb(67,45,11)
```
#54380e
```
#54380e rgb(84,56,14)
```
#654311
```
#654311 rgb(101,67,17)
```
#754f14
```
#754f14 rgb(117,79,20)
```
#865a16
```
#865a16 rgb(134,90,22)
```
#976519
```
#976519 rgb(151,101,25)
```
#a8701c
```
#a8701c rgb(168,112,28)
```
#b97c1f
```
#b97c1f rgb(185,124,31)
```
#c98722
```
#c98722 rgb(201,135,34)
```
#da9225
```
#da9225 rgb(218,146,37)
```

Shade Color Variation

#dd9b35
```
#dd9b35 rgb(221,155,53)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#e3ab57
```
#e3ab57 rgb(227,171,87)
```
#e6b468
```
#e6b468 rgb(230,180,104)
```
#e8bc78
```
#e8bc78 rgb(232,188,120)
```
#ebc489
```
#ebc489 rgb(235,196,137)
```
#eecd9a
```
#eecd9a rgb(238,205,154)
```
#f1d5ab
```
#f1d5ab rgb(241,213,171)
```
#f4ddbc
```
#f4ddbc rgb(244,221,188)
```
#f7e6cc
```
#f7e6cc rgb(247,230,204)
```
#f9eedd
```
#f9eedd rgb(249,238,221)
```
#fcf7ee
```
#fcf7ee rgb(252,247,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#959391
```
#959391 rgb(149,147,145)
```
#9e9588
```
#9e9588 rgb(158,149,136)
```
#a69780
```
#a69780 rgb(166,151,128)
```
#ae9978
```
#ae9978 rgb(174,153,120)
```
#b69a70
```
#b69a70 rgb(182,154,112)
```
#bf9c67
```
#bf9c67 rgb(191,156,103)
```
#c79e5f
```
#c79e5f rgb(199,158,95)
```
#cfa057
```
#cfa057 rgb(207,160,87)
```
#d8a14e
```
#d8a14e rgb(216,161,78)
```
#e0a346
```
#e0a346 rgb(224,163,70)
```
#e8a53e
```
#e8a53e rgb(232,165,62)
```
#f1a635
```
#f1a635 rgb(241,166,53)
```
#f9a82d
```
#f9a82d rgb(249,168,45)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b6a997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b252 Protanopia 1% of men
#dbaa4e Deuteranopia 1% of men
#e89ea9 Tritanopia 0.001% of the population

Trichromacy

#cfad4e Protanomaly 1% of men, 0.01% of women
#dda74b Deuteranomaly 6% of men, 0.4% of women
#e5a085 Tritanomaly 0.01% of the population

#e0a346 hex color

#e0a346 Color Information

#e0a346 Color Conversion

Color Schemes with #e0a346

Alternatives to #e0a346

#e0a346 Preview

Shades and Tints of #e0a346

Tones of #e0a346

Color Blindness Simulator