#eca300 Color Information
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.
-
- R 93
- G 64
- B 0
-
- C 0
- M 31
- Y 100
- K 7
● #eca300 color description : Pure (or mostly pure) orange.
#eca300 Color Conversion
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 |
Color Schemes with #eca300
Alternatives to #eca300
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.
#eca300 Preview
This text has a font color of #eca300.
<span style="color:#eca300;">Text here</span>
This paragraph has a background color of #eca300.
<p style="background-color:#eca300;">Content here</p>
This element has a border color of #eca300.
<div style="border:1px solid #eca300;">Content here</div>
.text {color:#eca300;}
.background {background-color:#eca300;}
.border {border:1px solid #eca300;}
Shades and Tints of #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)
-
#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)
Tones of #eca300
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)
Color Blindness Simulator
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.