#ecc202 Color Information
In a RGB color space, hex #ecc202 is composed of 92.5% red, 76.1% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 99.2% yellow and 7.5% black. It has a hue angle of 49.2 degrees, a saturation of 98.3% and a lightness of 46.7%. #ecc202 color hex could be obtained by blending #ffff04 with #d98500. Closest websafe color is: #ffcc00.
-
- R 93
- G 76
- B 1
-
- C 0
- M 18
- Y 99
- K 7
● #ecc202 color description : Vivid yellow.
#ecc202 Color Conversion
The hexadecimal color #ecc202 has RGB values of R:236, G:194, B:2 and CMYK values of C:0, M:0.18, Y:0.99, K:0.07. Its decimal value is 15516162.
Hex triplet | ecc202 | #ecc202 |
---|---|---|
RGB Decimal | 236, 194, 2 | rgb(236,194,2) |
RGB Percent | 92.5, 76.1, 0.8 | rgb(92.5%,76.1%,0.8%) |
CMYK | 0, 18, 99, 7 | |
HSL | 49.2°, 98.3, 46.7 | hsl(49.2,98.3%,46.7%) |
HSV (or HSB) | 49.2°, 99.2, 92.5 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 79.854, 0.685, 81.118 |
---|---|
XYZ | 53.896, 56.423, 8.11 |
xyY | 0.455, 0.476, 56.423 |
CIE-LCH | 79.854, 81.121, 89.516 |
CIE-LUV | 79.854, 36.676, 83.983 |
Hunter-Lab | 75.115, -3.377, 46.18 |
Binary | 11101100, 11000010, 00000010 |
Color Schemes with #ecc202
Alternatives to #ecc202
Below, you can see some colors close to #ecc202. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc202 Preview
This text has a font color of #ecc202.
<span style="color:#ecc202;">Text here</span>
This paragraph has a background color of #ecc202.
<p style="background-color:#ecc202;">Content here</p>
This element has a border color of #ecc202.
<div style="border:1px solid #ecc202;">Content here</div>
.text {color:#ecc202;}
.background {background-color:#ecc202;}
.border {border:1px solid #ecc202;}
Shades and Tints of #ecc202
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)
-
#776201
#776201
rgb(119,98,1)
-
#8b7201
#8b7201
rgb(139,114,1)
-
#9e8201
#9e8201
rgb(158,130,1)
-
#b29202
#b29202
rgb(178,146,2)
-
#c5a202
#c5a202
rgb(197,162,2)
-
#d9b202
#d9b202
rgb(217,178,2)
-
#ecc202
#ecc202
rgb(236,194,2)
-
#fdd005
#fdd005
rgb(253,208,5)
-
#fdd418
#fdd418
rgb(253,212,24)
-
#fdd82c
#fdd82c
rgb(253,216,44)
-
#fddb3f
#fddb3f
rgb(253,219,63)
-
#fedf53
#fedf53
rgb(254,223,83)
-
#fee266
#fee266
rgb(254,226,102)
-
#fee679
#fee679
rgb(254,230,121)
-
#feea8d
#feea8d
rgb(254,234,141)
-
#feeda0
#feeda0
rgb(254,237,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 #ecc202
A tone is produced by adding gray to any pure hue. In this case, #7e7c70 is the less saturated color, while #ecc202 is the most saturated one.
-
#7e7c70
#7e7c70
rgb(126,124,112)
-
#878167
#878167
rgb(135,129,103)
-
#90875e
#90875e
rgb(144,135,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)
-
#d1b01d
#d1b01d
rgb(209,176,29)
-
#dab614
#dab614
rgb(218,182,20)
-
#e3bc0b
#e3bc0b
rgb(227,188,11)
-
#ecc202
#ecc202
rgb(236,194,2)
Color Blindness Simulator
Below, you can see how #ecc202 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.