#ecc302 Color Information
In a RGB color space, hex #ecc302 is composed of 92.5% red, 76.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 99.2% yellow and 7.5% black. It has a hue angle of 49.5 degrees, a saturation of 98.3% and a lightness of 46.7%. #ecc302 color hex could be obtained by blending #ffff04 with #d98700. Closest websafe color is: #ffcc00.
-
- R 93
- G 76
- B 1
-
- C 0
- M 17
- Y 99
- K 7
● #ecc302 color description : Vivid yellow.
#ecc302 Color Conversion
The hexadecimal color #ecc302 has RGB values of R:236, G:195, B:2 and CMYK values of C:0, M:0.17, Y:0.99, K:0.07. Its decimal value is 15516418.
Hex triplet | ecc302 | #ecc302 |
---|---|---|
RGB Decimal | 236, 195, 2 | rgb(236,195,2) |
RGB Percent | 92.5, 76.5, 0.8 | rgb(92.5%,76.5%,0.8%) |
CMYK | 0, 17, 99, 7 | |
HSL | 49.5°, 98.3, 46.7 | hsl(49.5,98.3%,46.7%) |
HSV (or HSB) | 49.5°, 99.2, 92.5 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.106, 0.168, 81.296 |
---|---|
XYZ | 54.119, 56.87, 8.184 |
xyY | 0.454, 0.477, 56.87 |
CIE-LCH | 80.106, 81.297, 89.881 |
CIE-LUV | 80.106, 35.928, 84.354 |
Hunter-Lab | 75.412, -3.872, 46.354 |
Binary | 11101100, 11000011, 00000010 |
Color Schemes with #ecc302
Alternatives to #ecc302
Below, you can see some colors close to #ecc302. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc302 Preview
This text has a font color of #ecc302.
<span style="color:#ecc302;">Text here</span>
This paragraph has a background color of #ecc302.
<p style="background-color:#ecc302;">Content here</p>
This element has a border color of #ecc302.
<div style="border:1px solid #ecc302;">Content here</div>
.text {color:#ecc302;}
.background {background-color:#ecc302;}
.border {border:1px solid #ecc302;}
Shades and Tints of #ecc302
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, #030200 is the darkest color, while #fffcee is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#161200
#161200
rgb(22,18,0)
-
#292200
#292200
rgb(41,34,0)
-
#3d3201
#3d3201
rgb(61,50,1)
-
#504201
#504201
rgb(80,66,1)
-
#645201
#645201
rgb(100,82,1)
-
#776301
#776301
rgb(119,99,1)
-
#8b7301
#8b7301
rgb(139,115,1)
-
#9e8301
#9e8301
rgb(158,131,1)
-
#b29302
#b29302
rgb(178,147,2)
-
#c5a302
#c5a302
rgb(197,163,2)
-
#d9b302
#d9b302
rgb(217,179,2)
-
#ecc302
#ecc302
rgb(236,195,2)
-
#fdd105
#fdd105
rgb(253,209,5)
-
#fdd518
#fdd518
rgb(253,213,24)
-
#fdd82c
#fdd82c
rgb(253,216,44)
-
#fddc3f
#fddc3f
rgb(253,220,63)
-
#fee053
#fee053
rgb(254,224,83)
-
#fee366
#fee366
rgb(254,227,102)
-
#fee779
#fee779
rgb(254,231,121)
-
#feea8d
#feea8d
rgb(254,234,141)
-
#feeea0
#feeea0
rgb(254,238,160)
-
#fef1b4
#fef1b4
rgb(254,241,180)
-
#fff5c7
#fff5c7
rgb(255,245,199)
-
#fff8db
#fff8db
rgb(255,248,219)
-
#fffcee
#fffcee
rgb(255,252,238)
Tones of #ecc302
A tone is produced by adding gray to any pure hue. In this case, #7e7c70 is the less saturated color, while #ecc302 is the most saturated one.
-
#7e7c70
#7e7c70
rgb(126,124,112)
-
#878267
#878267
rgb(135,130,103)
-
#90885e
#90885e
rgb(144,136,94)
-
#9a8d54
#9a8d54
rgb(154,141,84)
-
#a3934b
#a3934b
rgb(163,147,75)
-
#ac9942
#ac9942
rgb(172,153,66)
-
#b59f39
#b59f39
rgb(181,159,57)
-
#bea530
#bea530
rgb(190,165,48)
-
#c7ab27
#c7ab27
rgb(199,171,39)
-
#d1b11d
#d1b11d
rgb(209,177,29)
-
#dab714
#dab714
rgb(218,183,20)
-
#e3bd0b
#e3bd0b
rgb(227,189,11)
-
#ecc302
#ecc302
rgb(236,195,2)
Color Blindness Simulator
Below, you can see how #ecc302 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.