#ecc500 Color Information
In a RGB color space, hex #ecc500 is composed of 92.5% red, 77.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 100% yellow and 7.5% black. It has a hue angle of 50.1 degrees, a saturation of 100% and a lightness of 46.3%. #ecc500 color hex could be obtained by blending #ffff00 with #d98b00. Closest websafe color is: #ffcc00.
-
- R 93
- G 77
- B 0
-
- C 0
- M 17
- Y 100
- K 7
● #ecc500 color description : Pure (or mostly pure) yellow.
#ecc500 Color Conversion
The hexadecimal color #ecc500 has RGB values of R:236, G:197, B:0 and CMYK values of C:0, M:0.17, Y:1, K:0.07. Its decimal value is 15516928.
Hex triplet | ecc500 | #ecc500 |
---|---|---|
RGB Decimal | 236, 197, 0 | rgb(236,197,0) |
RGB Percent | 92.5, 77.3, 0 | rgb(92.5%,77.3%,0%) |
CMYK | 0, 17, 100, 7 | |
HSL | 50.1°, 100, 46.3 | hsl(50.1,100%,46.3%) |
HSV (or HSB) | 50.1°, 100, 92.5 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.609, -0.88, 81.846 |
---|---|
XYZ | 54.559, 57.768, 8.277 |
xyY | 0.452, 0.479, 57.768 |
CIE-LCH | 80.609, 81.851, 90.616 |
CIE-LUV | 80.609, 34.453, 85.203 |
Hunter-Lab | 76.005, -4.875, 46.747 |
Binary | 11101100, 11000101, 00000000 |
Color Schemes with #ecc500
Alternatives to #ecc500
Below, you can see some colors close to #ecc500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc500 Preview
This text has a font color of #ecc500.
<span style="color:#ecc500;">Text here</span>
This paragraph has a background color of #ecc500.
<p style="background-color:#ecc500;">Content here</p>
This element has a border color of #ecc500.
<div style="border:1px solid #ecc500;">Content here</div>
.text {color:#ecc500;}
.background {background-color:#ecc500;}
.border {border:1px solid #ecc500;}
Shades and Tints of #ecc500
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, #010100 is the darkest color, while #fffcec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#141100
#141100
rgb(20,17,0)
-
#282100
#282100
rgb(40,33,0)
-
#3b3200
#3b3200
rgb(59,50,0)
-
#4f4200
#4f4200
rgb(79,66,0)
-
#635200
#635200
rgb(99,82,0)
-
#766300
#766300
rgb(118,99,0)
-
#8a7300
#8a7300
rgb(138,115,0)
-
#9e8400
#9e8400
rgb(158,132,0)
-
#b19400
#b19400
rgb(177,148,0)
-
#c5a400
#c5a400
rgb(197,164,0)
-
#d8b500
#d8b500
rgb(216,181,0)
-
#ecc500
#ecc500
rgb(236,197,0)
-
#ffd501
#ffd501
rgb(255,213,1)
-
#ffd814
#ffd814
rgb(255,216,20)
-
#ffdb28
#ffdb28
rgb(255,219,40)
-
#ffdf3b
#ffdf3b
rgb(255,223,59)
-
#ffe24f
#ffe24f
rgb(255,226,79)
-
#ffe563
#ffe563
rgb(255,229,99)
-
#ffe876
#ffe876
rgb(255,232,118)
-
#ffec8a
#ffec8a
rgb(255,236,138)
-
#ffef9e
#ffef9e
rgb(255,239,158)
-
#fff2b1
#fff2b1
rgb(255,242,177)
-
#fff5c5
#fff5c5
rgb(255,245,197)
-
#fff9d8
#fff9d8
rgb(255,249,216)
-
#fffcec
#fffcec
rgb(255,252,236)
Tones of #ecc500
A tone is produced by adding gray to any pure hue. In this case, #7f7c6d is the less saturated color, while #ecc500 is the most saturated one.
-
#7f7c6d
#7f7c6d
rgb(127,124,109)
-
#888264
#888264
rgb(136,130,100)
-
#91885b
#91885b
rgb(145,136,91)
-
#9a8e52
#9a8e52
rgb(154,142,82)
-
#a39449
#a39449
rgb(163,148,73)
-
#ac9a40
#ac9a40
rgb(172,154,64)
-
#b6a136
#b6a136
rgb(182,161,54)
-
#bfa72d
#bfa72d
rgb(191,167,45)
-
#c8ad24
#c8ad24
rgb(200,173,36)
-
#d1b31b
#d1b31b
rgb(209,179,27)
-
#dab912
#dab912
rgb(218,185,18)
-
#e3bf09
#e3bf09
rgb(227,191,9)
-
#ecc500
#ecc500
rgb(236,197,0)
Color Blindness Simulator
Below, you can see how #ecc500 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.