#e5742f hex color

In a RGB color space, hex #e5742f is composed of 89.8% red, 45.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.3% magenta, 79.5% yellow and 10.2% black. It has a hue angle of 22.7 degrees, a saturation of 77.8% and a lightness of 54.1%. #e5742f color hex could be obtained by blending #ffe85e with #cb0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 90
- G 45
- B 18
RGB color chart
- C 0
- M 49
- Y 79
- K 10
CMYK color chart

● #e5742f color description : Bright orange.

The hexadecimal color #e5742f has RGB values of R:229, G:116, B:47 and CMYK values of C:0, M:0.49, Y:0.79, K:0.1. Its decimal value is 15037487.

Hex triplet	e5742f	`#e5742f`
RGB Decimal	229, 116, 47	`rgb(229,116,47)`
RGB Percent	89.8, 45.5, 18.4	`rgb(89.8%,45.5%,18.4%)`
CMYK	0, 49, 79, 10
HSL	22.7°, 77.8, 54.1	`hsl(22.7,77.8%,54.1%)`
HSV (or HSB)	22.7°, 79.5, 89.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	61.096, 39.467, 55.576
XYZ	39.073, 29.358, 6.298
xyY	0.523, 0.393, 29.358
CIE-LCH	61.096, 68.164, 54.62
CIE-LUV	61.096, 91.966, 49.14
Hunter-Lab	54.183, 33.903, 31.036
Binary	11100101, 01110100, 00101111

#e5742f
```
#e5742f rgb(229,116,47)
```
#2fa0e5
```
#2fa0e5 rgb(47,160,229)
```

Complementary Color

#e52f45
```
#e52f45 rgb(229,47,69)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#e5cf2f
```
#e5cf2f rgb(229,207,47)
```

Analogous Color

#2f45e5
```
#2f45e5 rgb(47,69,229)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#2fe5cf
```
#2fe5cf rgb(47,229,207)
```

Split Complementary Color

#742fe5
```
#742fe5 rgb(116,47,229)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#2fe574
```
#2fe574 rgb(47,229,116)
```

Triadic Color

#e52fa0
```
#e52fa0 rgb(229,47,160)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#2fe574
```
#2fe574 rgb(47,229,116)
```
#2fa0e5
```
#2fa0e5 rgb(47,160,229)
```

Tetradic Color

#b15116
```
#b15116 rgb(177,81,22)
```
#c85b19
```
#c85b19 rgb(200,91,25)
```
#df661c
```
#df661c rgb(223,102,28)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#e88346
```
#e88346 rgb(232,131,70)
```
#eb925c
```
#eb925c rgb(235,146,92)
```
#eea173
```
#eea173 rgb(238,161,115)
```

Monochromatic Color

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

#e5472f
```
#e5472f rgb(229,71,47)
```
#e5562f
```
#e5562f rgb(229,86,47)
```
#e5652f
```
#e5652f rgb(229,101,47)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#e5832f
```
#e5832f rgb(229,131,47)
```
#e5922f
```
#e5922f rgb(229,146,47)
```
#e5a22f
```
#e5a22f rgb(229,162,47)
```

Similar Colors

Text with hexadecimal color #e5742f

This text has a font color of #e5742f.

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

#e5742f background color

This paragraph has a background color of #e5742f.

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

#e5742f border color

This element has a border color of #e5742f.

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

CSS codes

.text {color:#e5742f;}

.background {background-color:#e5742f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130902
```
#130902 rgb(19,9,2)
```
#241005
```
#241005 rgb(36,16,5)
```
#361807
```
#361807 rgb(54,24,7)
```
#472009
```
#472009 rgb(71,32,9)
```
#58280b
```
#58280b rgb(88,40,11)
```
#6a300d
```
#6a300d rgb(106,48,13)
```
#7b380f
```
#7b380f rgb(123,56,15)
```
#8d4012
```
#8d4012 rgb(141,64,18)
```
#9e4814
```
#9e4814 rgb(158,72,20)
```
#b05016
```
#b05016 rgb(176,80,22)
```
#c15818
```
#c15818 rgb(193,88,24)
```
#d2601a
```
#d2601a rgb(210,96,26)
```

Shade Color Variation

#e3681e
```
#e3681e rgb(227,104,30)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#e78040
```
#e78040 rgb(231,128,64)
```
#e98b52
```
#e98b52 rgb(233,139,82)
```
#ec9763
```
#ec9763 rgb(236,151,99)
```
#eea375
```
#eea375 rgb(238,163,117)
```
#f0ae86
```
#f0ae86 rgb(240,174,134)
```
#f2ba98
```
#f2ba98 rgb(242,186,152)
```
#f4c6a9
```
#f4c6a9 rgb(244,198,169)
```
#f6d1ba
```
#f6d1ba rgb(246,209,186)
```
#f9ddcc
```
#f9ddcc rgb(249,221,204)
```
#fbe9dd
```
#fbe9dd rgb(251,233,221)
```
#fdf4ef
```
#fdf4ef rgb(253,244,239)
```

Tint Color Variation

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

#8b8a89
```
#8b8a89 rgb(139,138,137)
```
#948880
```
#948880 rgb(148,136,128)
```
#9d8577
```
#9d8577 rgb(157,133,119)
```
#a6836e
```
#a6836e rgb(166,131,110)
```
#af8165
```
#af8165 rgb(175,129,101)
```
#b87f5c
```
#b87f5c rgb(184,127,92)
```
#c17d53
```
#c17d53 rgb(193,125,83)
```
#ca7b4a
```
#ca7b4a rgb(202,123,74)
```
#d37841
```
#d37841 rgb(211,120,65)
```
#dc7638
```
#dc7638 rgb(220,118,56)
```
#e5742f
```
#e5742f rgb(229,116,47)
```
#ee7226
```
#ee7226 rgb(238,114,38)
```
#f7701d
```
#f7701d rgb(247,112,29)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9f897b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99941 Protanopia 1% of men
#be9131 Deuteranopia 1% of men
#e9747b Tritanopia 0.001% of the population

Trichromacy

#bf8b3b Protanomaly 1% of men, 0.01% of women
#cc8630 Deuteranomaly 6% of men, 0.4% of women
#e7745f Tritanomaly 0.01% of the population

#e5742f hex color

#e5742f Color Information

#e5742f Color Conversion

Color Schemes with #e5742f

Alternatives to #e5742f

#e5742f Preview

Shades and Tints of #e5742f

Tones of #e5742f

Color Blindness Simulator