#eca150 hex color

In a RGB color space, hex #eca150 is composed of 92.5% red, 63.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 66.1% yellow and 7.5% black. It has a hue angle of 31.2 degrees, a saturation of 80.4% and a lightness of 62%. #eca150 color hex could be obtained by blending #ffffa0 with #d94300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 93
- G 63
- B 31
RGB color chart
- C 0
- M 32
- Y 66
- K 7
CMYK color chart

● #eca150 color description : Soft orange.

The hexadecimal color #eca150 has RGB values of R:236, G:161, B:80 and CMYK values of C:0, M:0.32, Y:0.66, K:0.07. Its decimal value is 15507792.

Hex triplet	eca150	`#eca150`
RGB Decimal	236, 161, 80	`rgb(236,161,80)`
RGB Percent	92.5, 63.1, 31.4	`rgb(92.5%,63.1%,31.4%)`
CMYK	0, 32, 66, 7
HSL	31.2°, 80.4, 62	`hsl(31.2,80.4%,62%)`
HSV (or HSB)	31.2°, 66.1, 92.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	72.165, 20.312, 52.294
XYZ	48.786, 43.905, 13.494
xyY	0.459, 0.413, 43.905
CIE-LCH	72.165, 56.1, 68.772
CIE-LUV	72.165, 59.199, 56.329
Hunter-Lab	66.261, 15.468, 34.308
Binary	11101100, 10100001, 01010000

#eca150
```
#eca150 rgb(236,161,80)
```
#509bec
```
#509bec rgb(80,155,236)
```

Complementary Color

#ec5350
```
#ec5350 rgb(236,83,80)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#e9ec50
```
#e9ec50 rgb(233,236,80)
```

Analogous Color

#5350ec
```
#5350ec rgb(83,80,236)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#50e9ec
```
#50e9ec rgb(80,233,236)
```

Split Complementary Color

#a150ec
```
#a150ec rgb(161,80,236)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#50eca1
```
#50eca1 rgb(80,236,161)
```

Triadic Color

#ec509b
```
#ec509b rgb(236,80,155)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#50eca1
```
#50eca1 rgb(80,236,161)
```
#509bec
```
#509bec rgb(80,155,236)
```

Tetradic Color

#d87b17
```
#d87b17 rgb(216,123,23)
```
#e78822
```
#e78822 rgb(231,136,34)
```
#ea9539
```
#ea9539 rgb(234,149,57)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#eead67
```
#eead67 rgb(238,173,103)
```
#f1ba7e
```
#f1ba7e rgb(241,186,126)
```
#f3c695
```
#f3c695 rgb(243,198,149)
```

Monochromatic Color

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

#ec7a50
```
#ec7a50 rgb(236,122,80)
```
#ec8750
```
#ec8750 rgb(236,135,80)
```
#ec9450
```
#ec9450 rgb(236,148,80)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#ecae50
```
#ecae50 rgb(236,174,80)
```
#ecbb50
```
#ecbb50 rgb(236,187,80)
```
#ecc850
```
#ecc850 rgb(236,200,80)
```

Similar Colors

Text with hexadecimal color #eca150

This text has a font color of #eca150.

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

#eca150 background color

This paragraph has a background color of #eca150.

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

#eca150 border color

This element has a border color of #eca150.

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

CSS codes

.text {color:#eca150;}

.background {background-color:#eca150;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140b02
```
#140b02 rgb(20,11,2)
```
#251504
```
#251504 rgb(37,21,4)
```
#371f06
```
#371f06 rgb(55,31,6)
```
#492a08
```
#492a08 rgb(73,42,8)
```
#5a340a
```
#5a340a rgb(90,52,10)
```
#6c3e0c
```
#6c3e0c rgb(108,62,12)
```
#7e480e
```
#7e480e rgb(126,72,14)
```
#8f5210
```
#8f5210 rgb(143,82,16)
```
#a15c12
```
#a15c12 rgb(161,92,18)
```
#b36613
```
#b36613 rgb(179,102,19)
```
#c57015
```
#c57015 rgb(197,112,21)
```
#d67a17
```
#d67a17 rgb(214,122,23)
```

Shade Color Variation

#e6841b
```
#e6841b rgb(230,132,27)
```
#e88e2d
```
#e88e2d rgb(232,142,45)
```
#ea973e
```
#ea973e rgb(234,151,62)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#eeab62
```
#eeab62 rgb(238,171,98)
```
#f0b473
```
#f0b473 rgb(240,180,115)
```
#f2be85
```
#f2be85 rgb(242,190,133)
```
#f4c797
```
#f4c797 rgb(244,199,151)
```
#f6d1a8
```
#f6d1a8 rgb(246,209,168)
```
#f8daba
```
#f8daba rgb(248,218,186)
```
#f9e4cc
```
#f9e4cc rgb(249,228,204)
```
#fbedde
```
#fbedde rgb(251,237,222)
```
#fdf7ef
```
#fdf7ef rgb(253,247,239)
```

Tint Color Variation

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

#a19e9b
```
#a19e9b rgb(161,158,155)
```
#a99e93
```
#a99e93 rgb(169,158,147)
```
#b09f8c
```
#b09f8c rgb(176,159,140)
```
#b89f84
```
#b89f84 rgb(184,159,132)
```
#bf9f7d
```
#bf9f7d rgb(191,159,125)
```
#c7a075
```
#c7a075 rgb(199,160,117)
```
#cea06e
```
#cea06e rgb(206,160,110)
```
#d6a066
```
#d6a066 rgb(214,160,102)
```
#dda05f
```
#dda05f rgb(221,160,95)
```
#e5a157
```
#e5a157 rgb(229,161,87)
```
#eca150
```
#eca150 rgb(236,161,80)
```
#f3a149
```
#f3a149 rgb(243,161,73)
```
#fba241
```
#fba241 rgb(251,162,65)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#baab9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b55d Protanopia 1% of men
#ddac56 Deuteranopia 1% of men
#f29da7 Tritanopia 0.001% of the population

Trichromacy

#d4ad58 Protanomaly 1% of men, 0.01% of women
#e3a854 Deuteranomaly 6% of men, 0.4% of women
#f09e87 Tritanomaly 0.01% of the population

#eca150 hex color

#eca150 Color Information

#eca150 Color Conversion

Color Schemes with #eca150

Alternatives to #eca150

#eca150 Preview

Shades and Tints of #eca150

Tones of #eca150

Color Blindness Simulator