#eca300 hex color

In a RGB color space, hex #eca300 is composed of 92.5% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.9% magenta, 100% yellow and 7.5% black. It has a hue angle of 41.4 degrees, a saturation of 100% and a lightness of 46.3%. #eca300 color hex could be obtained by blending #ffff00 with #d94700. 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

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

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

Hex triplet	eca300	`#eca300`
RGB Decimal	236, 163, 0	`rgb(236,163,0)`
RGB Percent	92.5, 63.9, 0	`rgb(92.5%,63.9%,0%)`
CMYK	0, 31, 100, 7
HSL	41.4°, 100, 46.3	`hsl(41.4,100%,46.3%)`
HSV (or HSB)	41.4°, 100, 92.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.249, 16.932, 76.1
XYZ	47.691, 44.03, 5.987
xyY	0.488, 0.451, 44.03
CIE-LCH	72.249, 77.961, 77.456
CIE-LUV	72.249, 60.936, 72.71
Hunter-Lab	66.355, 12.168, 41.099
Binary	11101100, 10100011, 00000000

#eca300
```
#eca300 rgb(236,163,0)
```
#0049ec
```
#0049ec rgb(0,73,236)
```

Complementary Color

#ec2d00
```
#ec2d00 rgb(236,45,0)
```
#eca300
```
#eca300 rgb(236,163,0)
```
#bfec00
```
#bfec00 rgb(191,236,0)
```

Analogous Color

#2d00ec
```
#2d00ec rgb(45,0,236)
```
#eca300
```
#eca300 rgb(236,163,0)
```
#00bfec
```
#00bfec rgb(0,191,236)
```

Split Complementary Color

#a300ec
```
#a300ec rgb(163,0,236)
```
#eca300
```
#eca300 rgb(236,163,0)
```
#00eca3
```
#00eca3 rgb(0,236,163)
```

Triadic Color

#ec0049
```
#ec0049 rgb(236,0,73)
```
#eca300
```
#eca300 rgb(236,163,0)
```
#00eca3
```
#00eca3 rgb(0,236,163)
```
#0049ec
```
#0049ec rgb(0,73,236)
```

Tetradic Color

#a06e00
```
#a06e00 rgb(160,110,0)
```
#b98000
```
#b98000 rgb(185,128,0)
```
#d39100
```
#d39100 rgb(211,145,0)
```
#eca300
```
#eca300 rgb(236,163,0)
```
#ffb206
```
#ffb206 rgb(255,178,6)
```
#ffba20
```
#ffba20 rgb(255,186,32)
```
#ffc23a
```
#ffc23a rgb(255,194,58)
```

Monochromatic Color

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

#ec6800
```
#ec6800 rgb(236,104,0)
```
#ec7c00
```
#ec7c00 rgb(236,124,0)
```
#ec8f00
```
#ec8f00 rgb(236,143,0)
```
#eca300
```
#eca300 rgb(236,163,0)
```
#ecb700
```
#ecb700 rgb(236,183,0)
```
#ecca00
```
#ecca00 rgb(236,202,0)
```
#ecde00
```
#ecde00 rgb(236,222,0)
```

Similar Colors

Text with hexadecimal color #eca300

This text has a font color of #eca300.

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

#eca300 background color

This paragraph has a background color of #eca300.

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

#eca300 border color

This element has a border color of #eca300.

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

CSS codes

.text {color:#eca300;}

.background {background-color:#eca300;}

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

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)
```
#634400
```
#634400 rgb(99,68,0)
```
#765200
```
#765200 rgb(118,82,0)
```
#8a5f00
```
#8a5f00 rgb(138,95,0)
```
#9e6d00
```
#9e6d00 rgb(158,109,0)
```
#b17a00
```
#b17a00 rgb(177,122,0)
```
#c58800
```
#c58800 rgb(197,136,0)
```
#d89500
```
#d89500 rgb(216,149,0)
```
#eca300
```
#eca300 rgb(236,163,0)
```

Shade Color Variation

#ffb001
```
#ffb001 rgb(255,176,1)
```
#ffb614
```
#ffb614 rgb(255,182,20)
```
#ffbc28
```
#ffbc28 rgb(255,188,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, #7f796d is the less saturated color, while #eca300 is the most saturated one.

#7f796d
```
#7f796d rgb(127,121,109)
```
#887d64
```
#887d64 rgb(136,125,100)
```
#91805b
```
#91805b rgb(145,128,91)
```
#9a8452
```
#9a8452 rgb(154,132,82)
```
#a38749
```
#a38749 rgb(163,135,73)
```
#ac8b40
```
#ac8b40 rgb(172,139,64)
```
#b68e36
```
#b68e36 rgb(182,142,54)
```
#bf922d
```
#bf922d rgb(191,146,45)
```
#c89524
```
#c89524 rgb(200,149,36)
```
#d1991b
```
#d1991b rgb(209,153,27)
```
#da9c12
```
#da9c12 rgb(218,156,18)
```
#e3a009
```
#e3a009 rgb(227,160,9)
```
#eca300
```
#eca300 rgb(236,163,0)
```

Tone Color Variation

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

Dichromacy

#cbb511 Protanopia 1% of men
#e2ac00 Deuteranopia 1% of men
#f49ca7 Tritanopia 0.001% of the population

Trichromacy

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

#eca300 hex color

#eca300 Color Information

#eca300 Color Conversion

Color Schemes with #eca300

Alternatives to #eca300

#eca300 Preview

Shades and Tints of #eca300

Tones of #eca300

Color Blindness Simulator