#e5942a hex color

In a RGB color space, hex #e5942a is composed of 89.8% red, 58% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 81.7% yellow and 10.2% black. It has a hue angle of 34 degrees, a saturation of 78.2% and a lightness of 53.1%. #e5942a color hex could be obtained by blending #ffff54 with #cb2900. Closest websafe color is: #cc9933.

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

● #e5942a color description : Bright orange.

The hexadecimal color #e5942a has RGB values of R:229, G:148, B:42 and CMYK values of C:0, M:0.35, Y:0.82, K:0.1. Its decimal value is 15045674.

Hex triplet	e5942a	`#e5942a`
RGB Decimal	229, 148, 42	`rgb(229,148,42)`
RGB Percent	89.8, 58, 16.5	`rgb(89.8%,58%,16.5%)`
CMYK	0, 35, 82, 10
HSL	34°, 78.2, 53.1	`hsl(34,78.2%,53.1%)`
HSV (or HSB)	34°, 81.7, 89.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.027, 22.609, 63.829
XYZ	43.322, 38.008, 7.245
xyY	0.489, 0.429, 38.008
CIE-LCH	68.027, 67.715, 70.495
CIE-LUV	68.027, 66.307, 62.089
Hunter-Lab	61.651, 17.544, 36.188
Binary	11100101, 10010100, 00101010

#e5942a
```
#e5942a rgb(229,148,42)
```
#2a7be5
```
#2a7be5 rgb(42,123,229)
```

Complementary Color

#e5372a
```
#e5372a rgb(229,55,42)
```
#e5942a
```
#e5942a rgb(229,148,42)
```
#d9e52a
```
#d9e52a rgb(217,229,42)
```

Analogous Color

#362ae5
```
#362ae5 rgb(54,42,229)
```
#e5942a
```
#e5942a rgb(229,148,42)
```
#2ad9e5
```
#2ad9e5 rgb(42,217,229)
```

Split Complementary Color

#942ae5
```
#942ae5 rgb(148,42,229)
```
#e5942a
```
#e5942a rgb(229,148,42)
```
#2ae594
```
#2ae594 rgb(42,229,148)
```

Triadic Color

#e52a7b
```
#e52a7b rgb(229,42,123)
```
#e5942a
```
#e5942a rgb(229,148,42)
```
#2ae594
```
#2ae594 rgb(42,229,148)
```
#2a7be5
```
#2a7be5 rgb(42,123,229)
```

Tetradic Color

#ad6b15
```
#ad6b15 rgb(173,107,21)
```
#c47a18
```
#c47a18 rgb(196,122,24)
```
#db881b
```
#db881b rgb(219,136,27)
```
#e5942a
```
#e5942a rgb(229,148,42)
```
#e89f41
```
#e89f41 rgb(232,159,65)
```
#ebab57
```
#ebab57 rgb(235,171,87)
```
#edb66e
```
#edb66e rgb(237,182,110)
```

Monochromatic Color

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

#e5652a
```
#e5652a rgb(229,101,42)
```
#e5752a
```
#e5752a rgb(229,117,42)
```
#e5842a
```
#e5842a rgb(229,132,42)
```
#e5942a
```
#e5942a rgb(229,148,42)
```
#e5a42a
```
#e5a42a rgb(229,164,42)
```
#e5b32a
```
#e5b32a rgb(229,179,42)
```
#e5c32a
```
#e5c32a rgb(229,195,42)
```

Similar Colors

Text with hexadecimal color #e5942a

This text has a font color of #e5942a.

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

#e5942a background color

This paragraph has a background color of #e5942a.

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

#e5942a border color

This element has a border color of #e5942a.

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

CSS codes

.text {color:#e5942a;}

.background {background-color:#e5942a;}

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

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, #0e0902 is the darkest color, while #fffdfc is the lightest one.

#0e0902
```
#0e0902 rgb(14,9,2)
```
#201404
```
#201404 rgb(32,20,4)
```
#311f06
```
#311f06 rgb(49,31,6)
```
#432908
```
#432908 rgb(67,41,8)
```
#54340a
```
#54340a rgb(84,52,10)
```
#663f0c
```
#663f0c rgb(102,63,12)
```
#774a0f
```
#774a0f rgb(119,74,15)
```
#895511
```
#895511 rgb(137,85,17)
```
#9a6013
```
#9a6013 rgb(154,96,19)
```
#ac6a15
```
#ac6a15 rgb(172,106,21)
```
#bd7517
```
#bd7517 rgb(189,117,23)
```
#cf8019
```
#cf8019 rgb(207,128,25)
```
#e08b1b
```
#e08b1b rgb(224,139,27)
```

Shade Color Variation

#e5942a
```
#e5942a rgb(229,148,42)
```
#e79d3b
```
#e79d3b rgb(231,157,59)
```
#e9a64d
```
#e9a64d rgb(233,166,77)
```
#ebae5e
```
#ebae5e rgb(235,174,94)
```
#eeb770
```
#eeb770 rgb(238,183,112)
```
#f0c081
```
#f0c081 rgb(240,192,129)
```
#f2c993
```
#f2c993 rgb(242,201,147)
```
#f4d1a4
```
#f4d1a4 rgb(244,209,164)
```
#f6dab6
```
#f6dab6 rgb(246,218,182)
```
#f8e3c7
```
#f8e3c7 rgb(248,227,199)
```
#faecd9
```
#faecd9 rgb(250,236,217)
```
#fcf5ea
```
#fcf5ea rgb(252,245,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#898886
```
#898886 rgb(137,136,134)
```
#92897d
```
#92897d rgb(146,137,125)
```
#9b8a74
```
#9b8a74 rgb(155,138,116)
```
#a58b6a
```
#a58b6a rgb(165,139,106)
```
#ae8d61
```
#ae8d61 rgb(174,141,97)
```
#b78e58
```
#b78e58 rgb(183,142,88)
```
#c08f4f
```
#c08f4f rgb(192,143,79)
```
#c99046
```
#c99046 rgb(201,144,70)
```
#d3923c
```
#d3923c rgb(211,146,60)
```
#dc9333
```
#dc9333 rgb(220,147,51)
```
#e5942a
```
#e5942a rgb(229,148,42)
```
#ee9521
```
#ee9521 rgb(238,149,33)
```
#f79618
```
#f79618 rgb(247,150,24)
```

Tone Color Variation

Below, you can see how #e5942a 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
#ae9e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa39 Protanopia 1% of men
#d4a230 Deuteranopia 1% of men
#ec9099 Tritanopia 0.001% of the population

Trichromacy

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

#e5942a hex color

#e5942a Color Information

#e5942a Color Conversion

Color Schemes with #e5942a

Alternatives to #e5942a

#e5942a Preview

Shades and Tints of #e5942a

Tones of #e5942a

Color Blindness Simulator