#eca100 hex color

In a RGB color space, hex #eca100 is composed of 92.5% red, 63.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 100% yellow and 7.5% black. It has a hue angle of 40.9 degrees, a saturation of 100% and a lightness of 46.3%. #eca100 color hex could be obtained by blending #ffff00 with #d94300. Closest websafe color is: #ff9900.

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

● #eca100 color description : Pure (or mostly pure) orange.

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

Hex triplet	eca100	`#eca100`
RGB Decimal	236, 161, 0	`rgb(236,161,0)`
RGB Percent	92.5, 63.1, 0	`rgb(92.5%,63.1%,0%)`
CMYK	0, 32, 100, 7
HSL	40.9°, 100, 46.3	`hsl(40.9,100%,46.3%)`
HSV (or HSB)	40.9°, 100, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.776, 17.991, 75.785
XYZ	47.338, 43.326, 5.87
xyY	0.49, 0.449, 43.326
CIE-LCH	71.776, 77.891, 76.645
CIE-LUV	71.776, 62.564, 71.987
Hunter-Lab	65.822, 13.185, 40.789
Binary	11101100, 10100001, 00000000

#eca100
```
#eca100 rgb(236,161,0)
```
#004bec
```
#004bec rgb(0,75,236)
```

Complementary Color

#ec2b00
```
#ec2b00 rgb(236,43,0)
```
#eca100
```
#eca100 rgb(236,161,0)
```
#c1ec00
```
#c1ec00 rgb(193,236,0)
```

Analogous Color

#2b00ec
```
#2b00ec rgb(43,0,236)
```
#eca100
```
#eca100 rgb(236,161,0)
```
#00c1ec
```
#00c1ec rgb(0,193,236)
```

Split Complementary Color

#a100ec
```
#a100ec rgb(161,0,236)
```
#eca100
```
#eca100 rgb(236,161,0)
```
#00eca1
```
#00eca1 rgb(0,236,161)
```

Triadic Color

#ec004b
```
#ec004b rgb(236,0,75)
```
#eca100
```
#eca100 rgb(236,161,0)
```
#00eca1
```
#00eca1 rgb(0,236,161)
```
#004bec
```
#004bec rgb(0,75,236)
```

Tetradic Color

#a06d00
```
#a06d00 rgb(160,109,0)
```
#b97e00
```
#b97e00 rgb(185,126,0)
```
#d39000
```
#d39000 rgb(211,144,0)
```
#eca100
```
#eca100 rgb(236,161,0)
```
#ffb006
```
#ffb006 rgb(255,176,6)
```
#ffb820
```
#ffb820 rgb(255,184,32)
```
#ffc03a
```
#ffc03a rgb(255,192,58)
```

Monochromatic Color

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

#ec6600
```
#ec6600 rgb(236,102,0)
```
#ec7a00
```
#ec7a00 rgb(236,122,0)
```
#ec8d00
```
#ec8d00 rgb(236,141,0)
```
#eca100
```
#eca100 rgb(236,161,0)
```
#ecb500
```
#ecb500 rgb(236,181,0)
```
#ecc800
```
#ecc800 rgb(236,200,0)
```
#ecdc00
```
#ecdc00 rgb(236,220,0)
```

Similar Colors

Text with hexadecimal color #eca100

This text has a font color of #eca100.

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

#eca100 background color

This paragraph has a background color of #eca100.

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

#eca100 border color

This element has a border color of #eca100.

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

CSS codes

.text {color:#eca100;}

.background {background-color:#eca100;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140e00
```
#140e00 rgb(20,14,0)
```
#281b00
```
#281b00 rgb(40,27,0)
```
#3b2900
```
#3b2900 rgb(59,41,0)
```
#4f3600
```
#4f3600 rgb(79,54,0)
```
#634300
```
#634300 rgb(99,67,0)
```
#765100
```
#765100 rgb(118,81,0)
```
#8a5e00
```
#8a5e00 rgb(138,94,0)
```
#9e6b00
```
#9e6b00 rgb(158,107,0)
```
#b17900
```
#b17900 rgb(177,121,0)
```
#c58600
```
#c58600 rgb(197,134,0)
```
#d89400
```
#d89400 rgb(216,148,0)
```
#eca100
```
#eca100 rgb(236,161,0)
```

Shade Color Variation

#ffae01
```
#ffae01 rgb(255,174,1)
```
#ffb414
```
#ffb414 rgb(255,180,20)
```
#ffbb28
```
#ffbb28 rgb(255,187,40)
```
#ffc13b
```
#ffc13b rgb(255,193,59)
```
#ffc74f
```
#ffc74f rgb(255,199,79)
```
#ffcd63
```
#ffcd63 rgb(255,205,99)
```
#ffd476
```
#ffd476 rgb(255,212,118)
```
#ffda8a
```
#ffda8a rgb(255,218,138)
```
#ffe09e
```
#ffe09e rgb(255,224,158)
```
#ffe6b1
```
#ffe6b1 rgb(255,230,177)
```
#ffecc5
```
#ffecc5 rgb(255,236,197)
```
#fff3d8
```
#fff3d8 rgb(255,243,216)
```
#fff9ec
```
#fff9ec rgb(255,249,236)
```

Tint Color Variation

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

#7f796d
```
#7f796d rgb(127,121,109)
```
#887d64
```
#887d64 rgb(136,125,100)
```
#91805b
```
#91805b rgb(145,128,91)
```
#9a8352
```
#9a8352 rgb(154,131,82)
```
#a38749
```
#a38749 rgb(163,135,73)
```
#ac8a40
```
#ac8a40 rgb(172,138,64)
```
#b68d36
```
#b68d36 rgb(182,141,54)
```
#bf902d
```
#bf902d rgb(191,144,45)
```
#c89424
```
#c89424 rgb(200,148,36)
```
#d1971b
```
#d1971b rgb(209,151,27)
```
#da9a12
```
#da9a12 rgb(218,154,18)
```
#e39e09
```
#e39e09 rgb(227,158,9)
```
#eca100
```
#eca100 rgb(236,161,0)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b3a484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b412 Protanopia 1% of men
#e1ab00 Deuteranopia 1% of men
#f49aa5 Tritanopia 0.001% of the population

Trichromacy

#d6ad0b Protanomaly 1% of men, 0.01% of women
#e5a700 Deuteranomaly 6% of men, 0.4% of women
#f19d69 Tritanomaly 0.01% of the population

#eca100 hex color

#eca100 Color Information

#eca100 Color Conversion

Color Schemes with #eca100

Alternatives to #eca100

#eca100 Preview

Shades and Tints of #eca100

Tones of #eca100

Color Blindness Simulator