#e0b345 hex color

In a RGB color space, hex #e0b345 is composed of 87.8% red, 70.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 69.2% yellow and 12.2% black. It has a hue angle of 42.6 degrees, a saturation of 71.4% and a lightness of 57.5%. #e0b345 color hex could be obtained by blending #ffff8a with #c16700. Closest websafe color is: #cccc33.

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

● #e0b345 color description : Soft orange.

The hexadecimal color #e0b345 has RGB values of R:224, G:179, B:69 and CMYK values of C:0, M:0.2, Y:0.69, K:0.12. Its decimal value is 14725957.

Hex triplet	e0b345	`#e0b345`
RGB Decimal	224, 179, 69	`rgb(224,179,69)`
RGB Percent	87.8, 70.2, 27.1	`rgb(87.8%,70.2%,27.1%)`
CMYK	0, 20, 69, 12
HSL	42.6°, 71.4, 57.5	`hsl(42.6,71.4%,57.5%)`
HSV (or HSB)	42.6°, 69.2, 87.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.151, 5.1, 60.031
XYZ	47.935, 48.519, 12.47
xyY	0.44, 0.445, 48.519
CIE-LCH	75.151, 60.248, 85.144
CIE-LUV	75.151, 37.091, 67.106
Hunter-Lab	69.656, 0.941, 38.145
Binary	11100000, 10110011, 01000101

#e0b345
```
#e0b345 rgb(224,179,69)
```
#4572e0
```
#4572e0 rgb(69,114,224)
```

Complementary Color

#e06645
```
#e06645 rgb(224,102,69)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#c0e045
```
#c0e045 rgb(192,224,69)
```

Analogous Color

#6645e0
```
#6645e0 rgb(102,69,224)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#45c0e0
```
#45c0e0 rgb(69,192,224)
```

Split Complementary Color

#b345e0
```
#b345e0 rgb(179,69,224)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#45e0b3
```
#45e0b3 rgb(69,224,179)
```

Triadic Color

#e04572
```
#e04572 rgb(224,69,114)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#45e0b3
```
#45e0b3 rgb(69,224,179)
```
#4572e0
```
#4572e0 rgb(69,114,224)
```

Tetradic Color

#ba8d1f
```
#ba8d1f rgb(186,141,31)
```
#cf9d23
```
#cf9d23 rgb(207,157,35)
```
#dcaa2f
```
#dcaa2f rgb(220,170,47)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#e4bc5b
```
#e4bc5b rgb(228,188,91)
```
#e7c571
```
#e7c571 rgb(231,197,113)
```
#ebce87
```
#ebce87 rgb(235,206,135)
```

Monochromatic Color

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

#e08c45
```
#e08c45 rgb(224,140,69)
```
#e09945
```
#e09945 rgb(224,153,69)
```
#e0a645
```
#e0a645 rgb(224,166,69)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#e0c045
```
#e0c045 rgb(224,192,69)
```
#e0cd45
```
#e0cd45 rgb(224,205,69)
```
#e0da45
```
#e0da45 rgb(224,218,69)
```

Similar Colors

Text with hexadecimal color #e0b345

This text has a font color of #e0b345.

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

#e0b345 background color

This paragraph has a background color of #e0b345.

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

#e0b345 border color

This element has a border color of #e0b345.

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

CSS codes

.text {color:#e0b345;}

.background {background-color:#e0b345;}

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

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, #100c03 is the darkest color, while #fffffe is the lightest one.

#100c03
```
#100c03 rgb(16,12,3)
```
#211905
```
#211905 rgb(33,25,5)
```
#312508
```
#312508 rgb(49,37,8)
```
#42320b
```
#42320b rgb(66,50,11)
```
#533f0e
```
#533f0e rgb(83,63,14)
```
#644c11
```
#644c11 rgb(100,76,17)
```
#755813
```
#755813 rgb(117,88,19)
```
#856516
```
#856516 rgb(133,101,22)
```
#967219
```
#967219 rgb(150,114,25)
```
#a77f1c
```
#a77f1c rgb(167,127,28)
```
#b88b1f
```
#b88b1f rgb(184,139,31)
```
#c99821
```
#c99821 rgb(201,152,33)
```
#daa524
```
#daa524 rgb(218,165,36)
```

Shade Color Variation

#ddac34
```
#ddac34 rgb(221,172,52)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#e3ba56
```
#e3ba56 rgb(227,186,86)
```
#e6c167
```
#e6c167 rgb(230,193,103)
```
#e8c877
```
#e8c877 rgb(232,200,119)
```
#ebce88
```
#ebce88 rgb(235,206,136)
```
#eed599
```
#eed599 rgb(238,213,153)
```
#f1dcaa
```
#f1dcaa rgb(241,220,170)
```
#f4e3bb
```
#f4e3bb rgb(244,227,187)
```
#f6eacc
```
#f6eacc rgb(246,234,204)
```
#f9f1dc
```
#f9f1dc rgb(249,241,220)
```
#fcf8ed
```
#fcf8ed rgb(252,248,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#959490
```
#959490 rgb(149,148,144)
```
#9d9788
```
#9d9788 rgb(157,151,136)
```
#a69b7f
```
#a69b7f rgb(166,155,127)
```
#ae9e77
```
#ae9e77 rgb(174,158,119)
```
#b6a26f
```
#b6a26f rgb(182,162,111)
```
#bfa566
```
#bfa566 rgb(191,165,102)
```
#c7a95e
```
#c7a95e rgb(199,169,94)
```
#cfac56
```
#cfac56 rgb(207,172,86)
```
#d8b04d
```
#d8b04d rgb(216,176,77)
```
#e0b345
```
#e0b345 rgb(224,179,69)
```
#e8b73d
```
#e8b73d rgb(232,183,61)
```
#f1ba34
```
#f1ba34 rgb(241,186,52)
```
#f9be2c
```
#f9be2c rgb(249,190,44)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#bdb49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bc50 Protanopia 1% of men
#e8b44f Deuteranopia 1% of men
#eaacb8 Tritanopia 0.001% of the population

Trichromacy

#d6b94c Protanomaly 1% of men, 0.01% of women
#e5b34b Deuteranomaly 6% of men, 0.4% of women
#e6ae8e Tritanomaly 0.01% of the population

#e0b345 hex color

#e0b345 Color Information

#e0b345 Color Conversion

Color Schemes with #e0b345

Alternatives to #e0b345

#e0b345 Preview

Shades and Tints of #e0b345

Tones of #e0b345

Color Blindness Simulator