#ecc502 Color Information
In a RGB color space, hex #ecc502 is composed of 92.5% red, 77.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 99.2% yellow and 7.5% black. It has a hue angle of 50 degrees, a saturation of 98.3% and a lightness of 46.7%. #ecc502 color hex could be obtained by blending #ffff04 with #d98b00. Closest websafe color is: #ffcc00.
-
- R 93
- G 77
- B 1
-
- C 0
- M 17
- Y 99
- K 7
● #ecc502 color description : Vivid yellow.
#ecc502 Color Conversion
The hexadecimal color #ecc502 has RGB values of R:236, G:197, B:2 and CMYK values of C:0, M:0.17, Y:0.99, K:0.07. Its decimal value is 15516930.
Hex triplet | ecc502 | #ecc502 |
---|---|---|
RGB Decimal | 236, 197, 2 | rgb(236,197,2) |
RGB Percent | 92.5, 77.3, 0.8 | rgb(92.5%,77.3%,0.8%) |
CMYK | 0, 17, 99, 7 | |
HSL | 50°, 98.3, 46.7 | hsl(50,98.3%,46.7%) |
HSV (or HSB) | 50°, 99.2, 92.5 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.612, -0.863, 81.654 |
---|---|
XYZ | 54.57, 57.772, 8.334 |
xyY | 0.452, 0.479, 57.772 |
CIE-LCH | 80.612, 81.659, 90.605 |
CIE-LUV | 80.612, 34.439, 85.097 |
Hunter-Lab | 76.008, -4.859, 46.704 |
Binary | 11101100, 11000101, 00000010 |
Color Schemes with #ecc502
Alternatives to #ecc502
Below, you can see some colors close to #ecc502. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc502 Preview
This text has a font color of #ecc502.
<span style="color:#ecc502;">Text here</span>
This paragraph has a background color of #ecc502.
<p style="background-color:#ecc502;">Content here</p>
This element has a border color of #ecc502.
<div style="border:1px solid #ecc502;">Content here</div>
.text {color:#ecc502;}
.background {background-color:#ecc502;}
.border {border:1px solid #ecc502;}
Shades and Tints of #ecc502
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)
-
#292300
#292300
rgb(41,35,0)
-
#3d3301
#3d3301
rgb(61,51,1)
-
#504301
#504301
rgb(80,67,1)
-
#645301
#645301
rgb(100,83,1)
-
#776401
#776401
rgb(119,100,1)
-
#8b7401
#8b7401
rgb(139,116,1)
-
#9e8401
#9e8401
rgb(158,132,1)
-
#b29402
#b29402
rgb(178,148,2)
-
#c5a502
#c5a502
rgb(197,165,2)
-
#d9b502
#d9b502
rgb(217,181,2)
-
#ecc502
#ecc502
rgb(236,197,2)
-
#fdd405
#fdd405
rgb(253,212,5)
-
#fdd718
#fdd718
rgb(253,215,24)
-
#fdda2c
#fdda2c
rgb(253,218,44)
-
#fdde3f
#fdde3f
rgb(253,222,63)
-
#fee153
#fee153
rgb(254,225,83)
-
#fee466
#fee466
rgb(254,228,102)
-
#fee879
#fee879
rgb(254,232,121)
-
#feeb8d
#feeb8d
rgb(254,235,141)
-
#feefa0
#feefa0
rgb(254,239,160)
-
#fef2b4
#fef2b4
rgb(254,242,180)
-
#fff5c7
#fff5c7
rgb(255,245,199)
-
#fff9db
#fff9db
rgb(255,249,219)
-
#fffcee
#fffcee
rgb(255,252,238)
Tones of #ecc502
A tone is produced by adding gray to any pure hue. In this case, #7e7c70 is the less saturated color, while #ecc502 is the most saturated one.
-
#7e7c70
#7e7c70
rgb(126,124,112)
-
#878267
#878267
rgb(135,130,103)
-
#90885e
#90885e
rgb(144,136,94)
-
#9a8e54
#9a8e54
rgb(154,142,84)
-
#a3944b
#a3944b
rgb(163,148,75)
-
#ac9a42
#ac9a42
rgb(172,154,66)
-
#b5a039
#b5a039
rgb(181,160,57)
-
#bea630
#bea630
rgb(190,166,48)
-
#c7ad27
#c7ad27
rgb(199,173,39)
-
#d1b31d
#d1b31d
rgb(209,179,29)
-
#dab914
#dab914
rgb(218,185,20)
-
#e3bf0b
#e3bf0b
rgb(227,191,11)
-
#ecc502
#ecc502
rgb(236,197,2)
Color Blindness Simulator
Below, you can see how #ecc502 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.