HEX #ECC220 color — Fuel Yellow
The color #ECC220 is a light shade and highly saturated.
Palette
ECC220 color palette from light to dark
HEX |
RGB |
HSL |
#fefcf6 |
rgb(254,252,246) |
hsl(48,84%,98%) |
#fcf6de |
rgb(252,246,222) |
hsl(48,84%,93%) |
#faf0c7 |
rgb(250,240,199) |
hsl(48,84%,88%) |
#f8e9af |
rgb(248,233,175) |
hsl(48,84%,83%) |
#f6e398 |
rgb(246,227,152) |
hsl(48,84%,78%) |
#f4dd80 |
rgb(244,221,128) |
hsl(48,84%,73%) |
#f2d769 |
rgb(242,215,105) |
hsl(48,84%,68%) |
#f0d051 |
rgb(240,208,81) |
hsl(48,84%,63%) |
#eeca3a |
rgb(238,202,58) |
hsl(48,84%,58%) |
#ecc422 |
rgb(236,196,34) |
hsl(48,84%,53%) |
#e1b814 |
rgb(225,184,20) |
hsl(48,84%,48%) |
#caa512 |
rgb(202,165,18) |
hsl(48,84%,43%) |
#b29210 |
rgb(178,146,16) |
hsl(48,84%,38%) |
#9b7f0d |
rgb(155,127,13) |
hsl(48,84%,33%) |
#836b0b |
rgb(131,107,11) |
hsl(48,84%,28%) |
#6c5809 |
rgb(108,88,9) |
hsl(48,84%,23%) |
#544507 |
rgb(84,69,7) |
hsl(48,84%,18%) |
#3d3205 |
rgb(61,50,5) |
hsl(48,84%,13%) |
#261f03 |
rgb(38,31,3) |
hsl(48,84%,8%) |
#0e0c01 |
rgb(14,12,1) |
hsl(48,84%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#EC3B20 |
rgb(236,59,32) |
hsl(8,84%,53%) |
#ECC220 |
rgb(236,194,32) |
hsl(48,84%,53%) |
#8EED20 |
rgb(142,237,32) |
hsl(88,85%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#F2D96F |
rgb(242,217,111) |
hsl(49,83%,69%) |
#EFCC47 |
rgb(239,204,71) |
hsl(48,84%,61%) |
#ECC220 |
rgb(236,194,32) |
hsl(48,84%,53%) |
#CFA811 |
rgb(207,168,17) |
hsl(48,85%,44%) |
#A7870E |
rgb(167,135,14) |
hsl(47,85%,35%) |
#80690A |
rgb(128,105,10) |
hsl(48,86%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#ECC220 |
rgb(236,194,32) |
hsl(48,84%,53%) |
#20B0EC |
rgb(32,176,236) |
hsl(198,84%,53%) |
#5C21EC |
rgb(92,33,236) |
hsl(257,84%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#ECC220 |
rgb(236,194,32) |
hsl(48,84%,53%) |
#204AEC |
rgb(32,74,236) |
hsl(228,84%,53%) |
#EC5C20 |
rgb(236,92,32) |
hsl(18,84%,53%) |
#5C21EC |
rgb(92,33,236) |
hsl(257,84%,53%) |