#e5942c hex color

In a RGB color space, hex #e5942c is composed of 89.8% red, 58% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 80.8% yellow and 10.2% black. It has a hue angle of 33.7 degrees, a saturation of 78.1% and a lightness of 53.5%. #e5942c color hex could be obtained by blending #ffff58 with #cb2900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 90
- G 58
- B 17
RGB color chart
- C 0
- M 35
- Y 81
- K 10
CMYK color chart

● #e5942c color description : Bright orange.

The hexadecimal color #e5942c has RGB values of R:229, G:148, B:44 and CMYK values of C:0, M:0.35, Y:0.81, K:0.1. Its decimal value is 15045676.

Hex triplet	e5942c	`#e5942c`
RGB Decimal	229, 148, 44	`rgb(229,148,44)`
RGB Percent	89.8, 58, 17.3	`rgb(89.8%,58%,17.3%)`
CMYK	0, 35, 81, 10
HSL	33.7°, 78.1, 53.5	`hsl(33.7,78.1%,53.5%)`
HSV (or HSB)	33.7°, 80.8, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.037, 22.671, 63.133
XYZ	43.359, 38.023, 7.438
xyY	0.488, 0.428, 38.023
CIE-LCH	68.037, 67.08, 70.247
CIE-LUV	68.037, 66.204, 61.656
Hunter-Lab	61.663, 17.605, 36.012
Binary	11100101, 10010100, 00101100

#e5942c
```
#e5942c rgb(229,148,44)
```
#2c7de5
```
#2c7de5 rgb(44,125,229)
```

Complementary Color

#e5382c
```
#e5382c rgb(229,56,44)
```
#e5942c
```
#e5942c rgb(229,148,44)
```
#dae52c
```
#dae52c rgb(218,229,44)
```

Analogous Color

#382ce5
```
#382ce5 rgb(56,44,229)
```
#e5942c
```
#e5942c rgb(229,148,44)
```
#2cdae5
```
#2cdae5 rgb(44,218,229)
```

Split Complementary Color

#942ce5
```
#942ce5 rgb(148,44,229)
```
#e5942c
```
#e5942c rgb(229,148,44)
```
#2ce594
```
#2ce594 rgb(44,229,148)
```

Triadic Color

#e52c7d
```
#e52c7d rgb(229,44,125)
```
#e5942c
```
#e5942c rgb(229,148,44)
```
#2ce594
```
#2ce594 rgb(44,229,148)
```
#2c7de5
```
#2c7de5 rgb(44,125,229)
```

Tetradic Color

#af6c16
```
#af6c16 rgb(175,108,22)
```
#c67a18
```
#c67a18 rgb(198,122,24)
```
#dc881b
```
#dc881b rgb(220,136,27)
```
#e5942c
```
#e5942c rgb(229,148,44)
```
#e8a043
```
#e8a043 rgb(232,160,67)
```
#ebab59
```
#ebab59 rgb(235,171,89)
```
#edb770
```
#edb770 rgb(237,183,112)
```

Monochromatic Color

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

#e5662c
```
#e5662c rgb(229,102,44)
```
#e5752c
```
#e5752c rgb(229,117,44)
```
#e5852c
```
#e5852c rgb(229,133,44)
```
#e5942c
```
#e5942c rgb(229,148,44)
```
#e5a32c
```
#e5a32c rgb(229,163,44)
```
#e5b32c
```
#e5b32c rgb(229,179,44)
```
#e5c22c
```
#e5c22c rgb(229,194,44)
```

Similar Colors

Text with hexadecimal color #e5942c

This text has a font color of #e5942c.

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

#e5942c background color

This paragraph has a background color of #e5942c.

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

#e5942c border color

This element has a border color of #e5942c.

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

CSS codes

.text {color:#e5942c;}

.background {background-color:#e5942c;}

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

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

#100a02
```
#100a02 rgb(16,10,2)
```
#211504
```
#211504 rgb(33,21,4)
```
#331f06
```
#331f06 rgb(51,31,6)
```
#442a08
```
#442a08 rgb(68,42,8)
```
#56350b
```
#56350b rgb(86,53,11)
```
#67400d
```
#67400d rgb(103,64,13)
```
#794a0f
```
#794a0f rgb(121,74,15)
```
#8a5511
```
#8a5511 rgb(138,85,17)
```
#9c6013
```
#9c6013 rgb(156,96,19)
```
#ad6b15
```
#ad6b15 rgb(173,107,21)
```
#bf7517
```
#bf7517 rgb(191,117,23)
```
#d0801a
```
#d0801a rgb(208,128,26)
```
#e28b1c
```
#e28b1c rgb(226,139,28)
```

Shade Color Variation

#e5942c
```
#e5942c rgb(229,148,44)
```
#e79d3d
```
#e79d3d rgb(231,157,61)
```
#e9a64f
```
#e9a64f rgb(233,166,79)
```
#ebaf60
```
#ebaf60 rgb(235,175,96)
```
#eeb772
```
#eeb772 rgb(238,183,114)
```
#f0c083
```
#f0c083 rgb(240,192,131)
```
#f2c995
```
#f2c995 rgb(242,201,149)
```
#f4d2a6
```
#f4d2a6 rgb(244,210,166)
```
#f6dbb8
```
#f6dbb8 rgb(246,219,184)
```
#f8e4c9
```
#f8e4c9 rgb(248,228,201)
```
#fbeddb
```
#fbeddb rgb(251,237,219)
```
#fdf5ec
```
#fdf5ec rgb(253,245,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8a8987
```
#8a8987 rgb(138,137,135)
```
#938a7e
```
#938a7e rgb(147,138,126)
```
#9c8b75
```
#9c8b75 rgb(156,139,117)
```
#a58c6c
```
#a58c6c rgb(165,140,108)
```
#ae8d63
```
#ae8d63 rgb(174,141,99)
```
#b78e5a
```
#b78e5a rgb(183,142,90)
```
#c18f50
```
#c18f50 rgb(193,143,80)
```
#ca9147
```
#ca9147 rgb(202,145,71)
```
#d3923e
```
#d3923e rgb(211,146,62)
```
#dc9335
```
#dc9335 rgb(220,147,53)
```
#e5942c
```
#e5942c rgb(229,148,44)
```
#ee9523
```
#ee9523 rgb(238,149,35)
```
#f7961a
```
#f7961a rgb(247,150,26)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#ae9e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaa3b Protanopia 1% of men
#d4a232 Deuteranopia 1% of men
#ec9099 Tritanopia 0.001% of the population

Trichromacy

#cca235 Protanomaly 1% of men, 0.01% of women
#da9d30 Deuteranomaly 6% of men, 0.4% of women
#e99171 Tritanomaly 0.01% of the population

#e5942c hex color

#e5942c Color Information

#e5942c Color Conversion

Color Schemes with #e5942c

Alternatives to #e5942c

#e5942c Preview

Shades and Tints of #e5942c

Tones of #e5942c

Color Blindness Simulator