#ecc318 Color Information
In a RGB color space, hex #ecc318 is composed of 92.5% red, 76.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 89.8% yellow and 7.5% black. It has a hue angle of 48.4 degrees, a saturation of 84.8% and a lightness of 51%. #ecc318 color hex could be obtained by blending #ffff30 with #d98700. Closest websafe color is: #ffcc00.
-
- R 93
- G 76
- B 9
-
- C 0
- M 17
- Y 90
- K 7
● #ecc318 color description : Vivid yellow.
#ecc318 Color Conversion
The hexadecimal color #ecc318 has RGB values of R:236, G:195, B:24 and CMYK values of C:0, M:0.17, Y:0.9, K:0.07. Its decimal value is 15516440.
Hex triplet | ecc318 | #ecc318 |
---|---|---|
RGB Decimal | 236, 195, 24 | rgb(236,195,24) |
RGB Percent | 92.5, 76.5, 9.4 | rgb(92.5%,76.5%,9.4%) |
CMYK | 0, 17, 90, 7 | |
HSL | 48.4°, 84.8, 51 | hsl(48.4,84.8%,51%) |
HSV (or HSB) | 48.4°, 89.8, 92.5 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.141, 0.411, 78.657 |
---|---|
XYZ | 54.273, 56.931, 8.994 |
xyY | 0.452, 0.474, 56.931 |
CIE-LCH | 80.141, 78.658, 89.7 |
CIE-LUV | 80.141, 35.722, 82.861 |
Hunter-Lab | 75.453, -3.648, 45.749 |
Binary | 11101100, 11000011, 00011000 |
Color Schemes with #ecc318
Alternatives to #ecc318
Below, you can see some colors close to #ecc318. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ecc318 Preview
This text has a font color of #ecc318.
<span style="color:#ecc318;">Text here</span>
This paragraph has a background color of #ecc318.
<p style="background-color:#ecc318;">Content here</p>
This element has a border color of #ecc318.
<div style="border:1px solid #ecc318;">Content here</div>
.text {color:#ecc318;}
.background {background-color:#ecc318;}
.border {border:1px solid #ecc318;}
Shades and Tints of #ecc318
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, #050400 is the darkest color, while #fefbf1 is the lightest one.
-
#050400
#050400
rgb(5,4,0)
-
#171302
#171302
rgb(23,19,2)
-
#292203
#292203
rgb(41,34,3)
-
#3b3105
#3b3105
rgb(59,49,5)
-
#4d3f06
#4d3f06
rgb(77,63,6)
-
#5f4e08
#5f4e08
rgb(95,78,8)
-
#715d09
#715d09
rgb(113,93,9)
-
#836c0b
#836c0b
rgb(131,108,11)
-
#967b0c
#967b0c
rgb(150,123,12)
-
#a88a0e
#a88a0e
rgb(168,138,14)
-
#ba990f
#ba990f
rgb(186,153,15)
-
#cca811
#cca811
rgb(204,168,17)
-
#deb712
#deb712
rgb(222,183,18)
-
#ecc318
#ecc318
rgb(236,195,24)
-
#edc82a
#edc82a
rgb(237,200,42)
-
#efcc3c
#efcc3c
rgb(239,204,60)
-
#f0d14e
#f0d14e
rgb(240,209,78)
-
#f2d660
#f2d660
rgb(242,214,96)
-
#f3db73
#f3db73
rgb(243,219,115)
-
#f5df85
#f5df85
rgb(245,223,133)
-
#f6e497
#f6e497
rgb(246,228,151)
-
#f8e9a9
#f8e9a9
rgb(248,233,169)
-
#f9edbb
#f9edbb
rgb(249,237,187)
-
#fbf2cd
#fbf2cd
rgb(251,242,205)
-
#fcf7df
#fcf7df
rgb(252,247,223)
-
#fefbf1
#fefbf1
rgb(254,251,241)
Tones of #ecc318
A tone is produced by adding gray to any pure hue. In this case, #828282 is the less saturated color, while #f6c90e is the most saturated one.
-
#828282
#828282
rgb(130,130,130)
-
#8c8878
#8c8878
rgb(140,136,120)
-
#958e6f
#958e6f
rgb(149,142,111)
-
#9f9465
#9f9465
rgb(159,148,101)
-
#a99a5b
#a99a5b
rgb(169,154,91)
-
#b2a052
#b2a052
rgb(178,160,82)
-
#bca648
#bca648
rgb(188,166,72)
-
#c6ab3e
#c6ab3e
rgb(198,171,62)
-
#cfb135
#cfb135
rgb(207,177,53)
-
#d9b72b
#d9b72b
rgb(217,183,43)
-
#e2bd22
#e2bd22
rgb(226,189,34)
-
#ecc318
#ecc318
rgb(236,195,24)
-
#f6c90e
#f6c90e
rgb(246,201,14)
Color Blindness Simulator
Below, you can see how #ecc318 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.