#e5945f hex color

In a RGB color space, hex #e5945f is composed of 89.8% red, 58% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 58.5% yellow and 10.2% black. It has a hue angle of 23.7 degrees, a saturation of 72% and a lightness of 63.5%. #e5945f color hex could be obtained by blending #ffffbe with #cb2900. Closest websafe color is: #cc9966.

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

● #e5945f color description : Soft orange.

The hexadecimal color #e5945f has RGB values of R:229, G:148, B:95 and CMYK values of C:0, M:0.35, Y:0.59, K:0.1. Its decimal value is 15045727.

Hex triplet	e5945f	`#e5945f`
RGB Decimal	229, 148, 95	`rgb(229,148,95)`
RGB Percent	89.8, 58, 37.3	`rgb(89.8%,58%,37.3%)`
CMYK	0, 35, 59, 10
HSL	23.7°, 72, 63.5	`hsl(23.7,72%,63.5%)`
HSV (or HSB)	23.7°, 58.5, 89.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.509, 25.345, 40.34
XYZ	44.969, 38.667, 15.921
xyY	0.452, 0.388, 38.667
CIE-LCH	68.509, 47.641, 57.86
CIE-LUV	68.509, 61.935, 43.603
Hunter-Lab	62.183, 20.268, 28.348
Binary	11100101, 10010100, 01011111

#e5945f
```
#e5945f rgb(229,148,95)
```
#5fb0e5
```
#5fb0e5 rgb(95,176,229)
```

Complementary Color

#e55f6d
```
#e55f6d rgb(229,95,109)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#e5d75f
```
#e5d75f rgb(229,215,95)
```

Analogous Color

#5f6de5
```
#5f6de5 rgb(95,109,229)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#5fe5d7
```
#5fe5d7 rgb(95,229,215)
```

Split Complementary Color

#945fe5
```
#945fe5 rgb(148,95,229)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#5fe594
```
#5fe594 rgb(95,229,148)
```

Triadic Color

#e55fb0
```
#e55fb0 rgb(229,95,176)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#5fe594
```
#5fe594 rgb(95,229,148)
```
#5fb0e5
```
#5fb0e5 rgb(95,176,229)
```

Tetradic Color

#d56923
```
#d56923 rgb(213,105,35)
```
#de7733
```
#de7733 rgb(222,119,51)
```
#e18549
```
#e18549 rgb(225,133,73)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#e9a375
```
#e9a375 rgb(233,163,117)
```
#ecb18b
```
#ecb18b rgb(236,177,139)
```
#f0c0a1
```
#f0c0a1 rgb(240,192,161)
```

Monochromatic Color

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

#e5735f
```
#e5735f rgb(229,115,95)
```
#e57e5f
```
#e57e5f rgb(229,126,95)
```
#e5895f
```
#e5895f rgb(229,137,95)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#e59f5f
```
#e59f5f rgb(229,159,95)
```
#e5aa5f
```
#e5aa5f rgb(229,170,95)
```
#e5b65f
```
#e5b65f rgb(229,182,95)
```

Similar Colors

Text with hexadecimal color #e5945f

This text has a font color of #e5945f.

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

#e5945f background color

This paragraph has a background color of #e5945f.

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

#e5945f border color

This element has a border color of #e5945f.

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

CSS codes

.text {color:#e5945f;}

.background {background-color:#e5945f;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1a0d04
```
#1a0d04 rgb(26,13,4)
```
#2a1507
```
#2a1507 rgb(42,21,7)
```
#3b1d0a
```
#3b1d0a rgb(59,29,10)
```
#4c260c
```
#4c260c rgb(76,38,12)
```
#5d2e0f
```
#5d2e0f rgb(93,46,15)
```
#6e3612
```
#6e3612 rgb(110,54,18)
```
#7f3f15
```
#7f3f15 rgb(127,63,21)
```
#904717
```
#904717 rgb(144,71,23)
```
#a14f1a
```
#a14f1a rgb(161,79,26)
```
#b1581d
```
#b1581d rgb(177,88,29)
```
#c26020
```
#c26020 rgb(194,96,32)
```
#d36822
```
#d36822 rgb(211,104,34)
```

Shade Color Variation

#dd722c
```
#dd722c rgb(221,114,44)
```
#e07d3d
```
#e07d3d rgb(224,125,61)
```
#e2894e
```
#e2894e rgb(226,137,78)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#e89f70
```
#e89f70 rgb(232,159,112)
```
#eaab81
```
#eaab81 rgb(234,171,129)
```
#edb692
```
#edb692 rgb(237,182,146)
```
#f0c1a2
```
#f0c1a2 rgb(240,193,162)
```
#f3ccb3
```
#f3ccb3 rgb(243,204,179)
```
#f5d8c4
```
#f5d8c4 rgb(245,216,196)
```
#f8e3d5
```
#f8e3d5 rgb(248,227,213)
```
#fbeee6
```
#fbeee6 rgb(251,238,230)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#a5a19f
```
#a5a19f rgb(165,161,159)
```
#aca098
```
#aca098 rgb(172,160,152)
```
#b39e91
```
#b39e91 rgb(179,158,145)
```
#ba9d8a
```
#ba9d8a rgb(186,157,138)
```
#c19b83
```
#c19b83 rgb(193,155,131)
```
#c89a7c
```
#c89a7c rgb(200,154,124)
```
#d09874
```
#d09874 rgb(208,152,116)
```
#d7976d
```
#d7976d rgb(215,151,109)
```
#de9566
```
#de9566 rgb(222,149,102)
```
#e5945f
```
#e5945f rgb(229,148,95)
```
#ec9358
```
#ec9358 rgb(236,147,88)
```
#f39151
```
#f39151 rgb(243,145,81)
```
#fa904a
```
#fa904a rgb(250,144,74)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b3a298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baab6d Protanopia 1% of men
#cfa464 Deuteranopia 1% of men
#ea929c Tritanopia 0.001% of the population

Trichromacy

#caa368 Protanomaly 1% of men, 0.01% of women
#d79e62 Deuteranomaly 6% of men, 0.4% of women
#e89386 Tritanomaly 0.01% of the population

#e5945f hex color

#e5945f Color Information

#e5945f Color Conversion

Color Schemes with #e5945f

Alternatives to #e5945f

#e5945f Preview

Shades and Tints of #e5945f

Tones of #e5945f

Color Blindness Simulator