#eca301 Color Information
In a RGB color space, hex #eca301 is composed of 92.5% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.9% magenta, 99.6% yellow and 7.5% black. It has a hue angle of 41.4 degrees, a saturation of 99.2% and a lightness of 46.5%. #eca301 color hex could be obtained by blending #ffff02 with #d94700. Closest websafe color is: #ff9900.
-
- R 93
- G 64
- B 0
-
- C 0
- M 31
- Y 100
- K 7
● #eca301 color description : Vivid orange.
#eca301 Color Conversion
The hexadecimal color #eca301 has RGB values of R:236, G:163, B:1 and CMYK values of C:0, M:0.31, Y:1, K:0.07. Its decimal value is 15508225.
Hex triplet | eca301 | #eca301 |
---|---|---|
RGB Decimal | 236, 163, 1 | rgb(236,163,1) |
RGB Percent | 92.5, 63.9, 0.4 | rgb(92.5%,63.9%,0.4%) |
CMYK | 0, 31, 100, 7 | |
HSL | 41.4°, 99.2, 46.5 | hsl(41.4,99.2%,46.5%) |
HSV (or HSB) | 41.4°, 99.6, 92.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 72.25, 16.941, 75.981 |
---|---|
XYZ | 47.696, 44.033, 6.016 |
xyY | 0.488, 0.45, 44.033 |
CIE-LCH | 72.25, 77.847, 77.431 |
CIE-LUV | 72.25, 60.924, 72.649 |
Hunter-Lab | 66.357, 12.177, 41.075 |
Binary | 11101100, 10100011, 00000001 |
Color Schemes with #eca301
Alternatives to #eca301
Below, you can see some colors close to #eca301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#eca301 Preview
This text has a font color of #eca301.
<span style="color:#eca301;">Text here</span>
This paragraph has a background color of #eca301.
<p style="background-color:#eca301;">Content here</p>
This element has a border color of #eca301.
<div style="border:1px solid #eca301;">Content here</div>
.text {color:#eca301;}
.background {background-color:#eca301;}
.border {border:1px solid #eca301;}
Shades and Tints of #eca301
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 #fff9ed is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150f00
#150f00
rgb(21,15,0)
-
#291c00
#291c00
rgb(41,28,0)
-
#3c2a00
#3c2a00
rgb(60,42,0)
-
#503700
#503700
rgb(80,55,0)
-
#634500
#634500
rgb(99,69,0)
-
#775201
#775201
rgb(119,82,1)
-
#8a6001
#8a6001
rgb(138,96,1)
-
#9e6d01
#9e6d01
rgb(158,109,1)
-
#b17b01
#b17b01
rgb(177,123,1)
-
#c58801
#c58801
rgb(197,136,1)
-
#d89601
#d89601
rgb(216,150,1)
-
#eca301
#eca301
rgb(236,163,1)
-
#feb003
#feb003
rgb(254,176,3)
-
#feb616
#feb616
rgb(254,182,22)
-
#febc2a
#febc2a
rgb(254,188,42)
-
#fec23d
#fec23d
rgb(254,194,61)
-
#fec851
#fec851
rgb(254,200,81)
-
#fecf64
#fecf64
rgb(254,207,100)
-
#fed578
#fed578
rgb(254,213,120)
-
#ffdb8b
#ffdb8b
rgb(255,219,139)
-
#ffe19f
#ffe19f
rgb(255,225,159)
-
#ffe7b2
#ffe7b2
rgb(255,231,178)
-
#ffedc6
#ffedc6
rgb(255,237,198)
-
#fff3da
#fff3da
rgb(255,243,218)
-
#fff9ed
#fff9ed
rgb(255,249,237)
Tones of #eca301
A tone is produced by adding gray to any pure hue. In this case, #7f7a6e is the less saturated color, while #eca301 is the most saturated one.
-
#7f7a6e
#7f7a6e
rgb(127,122,110)
-
#887d65
#887d65
rgb(136,125,101)
-
#91805c
#91805c
rgb(145,128,92)
-
#9a8453
#9a8453
rgb(154,132,83)
-
#a3874a
#a3874a
rgb(163,135,74)
-
#ac8b41
#ac8b41
rgb(172,139,65)
-
#b58e38
#b58e38
rgb(181,142,56)
-
#be922f
#be922f
rgb(190,146,47)
-
#c89525
#c89525
rgb(200,149,37)
-
#d1991c
#d1991c
rgb(209,153,28)
-
#da9c13
#da9c13
rgb(218,156,19)
-
#e3a00a
#e3a00a
rgb(227,160,10)
-
#eca301
#eca301
rgb(236,163,1)
Color Blindness Simulator
Below, you can see how #eca301 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.