#ecc702 Color Information
In a RGB color space, hex #ecc702 is composed of 92.5% red, 78% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 99.2% yellow and 7.5% black. It has a hue angle of 50.5 degrees, a saturation of 98.3% and a lightness of 46.7%. #ecc702 color hex could be obtained by blending #ffff04 with #d98f00. Closest websafe color is: #ffcc00.
-
- R 93
- G 78
- B 1
-
- C 0
- M 16
- Y 99
- K 7
● #ecc702 color description : Vivid yellow.
#ecc702 Color Conversion
The hexadecimal color #ecc702 has RGB values of R:236, G:199, B:2 and CMYK values of C:0, M:0.16, Y:0.99, K:0.07. Its decimal value is 15517442.
Hex triplet | ecc702 | #ecc702 |
---|---|---|
RGB Decimal | 236, 199, 2 | rgb(236,199,2) |
RGB Percent | 92.5, 78, 0.8 | rgb(92.5%,78%,0.8%) |
CMYK | 0, 16, 99, 7 | |
HSL | 50.5°, 98.3, 46.7 | hsl(50.5,98.3%,46.7%) |
HSV (or HSB) | 50.5°, 99.2, 92.5 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.119, -1.891, 82.014 |
---|---|
XYZ | 55.027, 58.686, 8.487 |
xyY | 0.45, 0.48, 58.686 |
CIE-LCH | 81.119, 82.036, 91.321 |
CIE-LUV | 81.119, 32.958, 85.84 |
Hunter-Lab | 76.607, -5.845, 47.057 |
Binary | 11101100, 11000111, 00000010 |
Color Schemes with #ecc702
Alternatives to #ecc702
Below, you can see some colors close to #ecc702. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc702 Preview
This text has a font color of #ecc702.
<span style="color:#ecc702;">Text here</span>
This paragraph has a background color of #ecc702.
<p style="background-color:#ecc702;">Content here</p>
This element has a border color of #ecc702.
<div style="border:1px solid #ecc702;">Content here</div>
.text {color:#ecc702;}
.background {background-color:#ecc702;}
.border {border:1px solid #ecc702;}
Shades and Tints of #ecc702
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)
-
#161300
#161300
rgb(22,19,0)
-
#292300
#292300
rgb(41,35,0)
-
#3d3301
#3d3301
rgb(61,51,1)
-
#504401
#504401
rgb(80,68,1)
-
#645401
#645401
rgb(100,84,1)
-
#776501
#776501
rgb(119,101,1)
-
#8b7501
#8b7501
rgb(139,117,1)
-
#9e8501
#9e8501
rgb(158,133,1)
-
#b29602
#b29602
rgb(178,150,2)
-
#c5a602
#c5a602
rgb(197,166,2)
-
#d9b702
#d9b702
rgb(217,183,2)
-
#ecc702
#ecc702
rgb(236,199,2)
-
#fdd605
#fdd605
rgb(253,214,5)
-
#fdd918
#fdd918
rgb(253,217,24)
-
#fddc2c
#fddc2c
rgb(253,220,44)
-
#fddf3f
#fddf3f
rgb(253,223,63)
-
#fee353
#fee353
rgb(254,227,83)
-
#fee666
#fee666
rgb(254,230,102)
-
#fee979
#fee979
rgb(254,233,121)
-
#feec8d
#feec8d
rgb(254,236,141)
-
#feefa0
#feefa0
rgb(254,239,160)
-
#fef3b4
#fef3b4
rgb(254,243,180)
-
#fff6c7
#fff6c7
rgb(255,246,199)
-
#fff9db
#fff9db
rgb(255,249,219)
-
#fffcee
#fffcee
rgb(255,252,238)
Tones of #ecc702
A tone is produced by adding gray to any pure hue. In this case, #7e7c70 is the less saturated color, while #ecc702 is the most saturated one.
-
#7e7c70
#7e7c70
rgb(126,124,112)
-
#878267
#878267
rgb(135,130,103)
-
#90885e
#90885e
rgb(144,136,94)
-
#9a8f54
#9a8f54
rgb(154,143,84)
-
#a3954b
#a3954b
rgb(163,149,75)
-
#ac9b42
#ac9b42
rgb(172,155,66)
-
#b5a139
#b5a139
rgb(181,161,57)
-
#bea830
#bea830
rgb(190,168,48)
-
#c7ae27
#c7ae27
rgb(199,174,39)
-
#d1b41d
#d1b41d
rgb(209,180,29)
-
#daba14
#daba14
rgb(218,186,20)
-
#e3c10b
#e3c10b
rgb(227,193,11)
-
#ecc702
#ecc702
rgb(236,199,2)
Color Blindness Simulator
Below, you can see how #ecc702 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.