#eca400 hex color

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

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

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

The hexadecimal color #eca400 has RGB values of R:236, G:164, B:0 and CMYK values of C:0, M:0.31, Y:1, K:0.07. Its decimal value is 15508480.

Hex triplet	eca400	`#eca400`
RGB Decimal	236, 164, 0	`rgb(236,164,0)`
RGB Percent	92.5, 64.3, 0	`rgb(92.5%,64.3%,0%)`
CMYK	0, 31, 100, 7
HSL	41.7°, 100, 46.3	`hsl(41.7,100%,46.3%)`
HSV (or HSB)	41.7°, 100, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.486, 16.402, 76.259
XYZ	47.869, 44.387, 6.046
xyY	0.487, 0.452, 44.387
CIE-LCH	72.486, 78.003, 77.861
CIE-LUV	72.486, 60.125, 73.072
Hunter-Lab	66.624, 11.66, 41.256
Binary	11101100, 10100100, 00000000

#eca400
```
#eca400 rgb(236,164,0)
```
#0048ec
```
#0048ec rgb(0,72,236)
```

Complementary Color

#ec2e00
```
#ec2e00 rgb(236,46,0)
```
#eca400
```
#eca400 rgb(236,164,0)
```
#beec00
```
#beec00 rgb(190,236,0)
```

Analogous Color

#2e00ec
```
#2e00ec rgb(46,0,236)
```
#eca400
```
#eca400 rgb(236,164,0)
```
#00beec
```
#00beec rgb(0,190,236)
```

Split Complementary Color

#a400ec
```
#a400ec rgb(164,0,236)
```
#eca400
```
#eca400 rgb(236,164,0)
```
#00eca4
```
#00eca4 rgb(0,236,164)
```

Triadic Color

#ec0048
```
#ec0048 rgb(236,0,72)
```
#eca400
```
#eca400 rgb(236,164,0)
```
#00eca4
```
#00eca4 rgb(0,236,164)
```
#0048ec
```
#0048ec rgb(0,72,236)
```

Tetradic Color

#a06f00
```
#a06f00 rgb(160,111,0)
```
#b98100
```
#b98100 rgb(185,129,0)
```
#d39200
```
#d39200 rgb(211,146,0)
```
#eca400
```
#eca400 rgb(236,164,0)
```
#ffb306
```
#ffb306 rgb(255,179,6)
```
#ffbb20
```
#ffbb20 rgb(255,187,32)
```
#ffc33a
```
#ffc33a rgb(255,195,58)
```

Monochromatic Color

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

#ec6900
```
#ec6900 rgb(236,105,0)
```
#ec7d00
```
#ec7d00 rgb(236,125,0)
```
#ec9000
```
#ec9000 rgb(236,144,0)
```
#eca400
```
#eca400 rgb(236,164,0)
```
#ecb800
```
#ecb800 rgb(236,184,0)
```
#eccb00
```
#eccb00 rgb(236,203,0)
```
#ecdf00
```
#ecdf00 rgb(236,223,0)
```

Similar Colors

Text with hexadecimal color #eca400

This text has a font color of #eca400.

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

#eca400 background color

This paragraph has a background color of #eca400.

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

#eca400 border color

This element has a border color of #eca400.

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

CSS codes

.text {color:#eca400;}

.background {background-color:#eca400;}

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

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)
```
#281c00
```
#281c00 rgb(40,28,0)
```
#3b2900
```
#3b2900 rgb(59,41,0)
```
#4f3700
```
#4f3700 rgb(79,55,0)
```
#634500
```
#634500 rgb(99,69,0)
```
#765200
```
#765200 rgb(118,82,0)
```
#8a6000
```
#8a6000 rgb(138,96,0)
```
#9e6d00
```
#9e6d00 rgb(158,109,0)
```
#b17b00
```
#b17b00 rgb(177,123,0)
```
#c58900
```
#c58900 rgb(197,137,0)
```
#d89600
```
#d89600 rgb(216,150,0)
```
#eca400
```
#eca400 rgb(236,164,0)
```

Shade Color Variation

#ffb101
```
#ffb101 rgb(255,177,1)
```
#ffb714
```
#ffb714 rgb(255,183,20)
```
#ffbd28
```
#ffbd28 rgb(255,189,40)
```
#ffc33b
```
#ffc33b rgb(255,195,59)
```
#ffc94f
```
#ffc94f rgb(255,201,79)
```
#ffcf63
```
#ffcf63 rgb(255,207,99)
```
#ffd576
```
#ffd576 rgb(255,213,118)
```
#ffdb8a
```
#ffdb8a rgb(255,219,138)
```
#ffe19e
```
#ffe19e rgb(255,225,158)
```
#ffe7b1
```
#ffe7b1 rgb(255,231,177)
```
#ffedc5
```
#ffedc5 rgb(255,237,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, #7f7a6d is the less saturated color, while #eca400 is the most saturated one.

#7f7a6d
```
#7f7a6d rgb(127,122,109)
```
#887d64
```
#887d64 rgb(136,125,100)
```
#91815b
```
#91815b rgb(145,129,91)
```
#9a8452
```
#9a8452 rgb(154,132,82)
```
#a38849
```
#a38849 rgb(163,136,73)
```
#ac8b40
```
#ac8b40 rgb(172,139,64)
```
#b68f36
```
#b68f36 rgb(182,143,54)
```
#bf922d
```
#bf922d rgb(191,146,45)
```
#c89624
```
#c89624 rgb(200,150,36)
```
#d1991b
```
#d1991b rgb(209,153,27)
```
#da9d12
```
#da9d12 rgb(218,157,18)
```
#e3a009
```
#e3a009 rgb(227,160,9)
```
#eca400
```
#eca400 rgb(236,164,0)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b5a686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb611 Protanopia 1% of men
#e3ad00 Deuteranopia 1% of men
#f49da8 Tritanopia 0.001% of the population

Trichromacy

#d7af0b Protanomaly 1% of men, 0.01% of women
#e6a900 Deuteranomaly 6% of men, 0.4% of women
#f19f6b Tritanomaly 0.01% of the population

#eca400 hex color

#eca400 Color Information

#eca400 Color Conversion

Color Schemes with #eca400

Alternatives to #eca400

#eca400 Preview

Shades and Tints of #eca400

Tones of #eca400

Color Blindness Simulator