We have brought huge variety of shades of yellow color with color name, hex code, RGB code. This includes both light yellow and dark yellow shades. Ideal for graphic designers and artists. With this, there is no need to browse through different websites to find color combinations, their codes and names. 

In the first section you will get a quick overview of different combinations of yellow color in the form of info graphic. The second section has a complete list of shades of yellow color.  


Browse a huge collection of yellow color shades and create stunning graphic in 2 minutes. Pick your favorite color shade from yellow color combinations. 

All Shades of yellow color – [Grid Format]

Here is the list of different shades of yellow color we have. Simply copy the hex code or RGB code and use in your design. You can also use hex color picker tool from image to get color codes. 

Yellow Orange
HEX #ffc048
RGB 255 192 72
School bus Yellow
HEX #ffd800
RGB 255 216 0
Fuel Yellow
HEX #f0a830
RGB 240 168 48
Green Yellow
HEX #a8ff48
RGB 168 255 72
Yellow Green
HEX #c0d878
RGB 192 216 120
Chartreuse Yellow
HEX #d8f000
RGB 216 240 0

what does yellow color represent?

Yellow color represents sunshine, hope, happiness, energy and clarity . Yellow has strong correspondence with optimism. As per yellow color psychology, it is called to mind the feeling of honor.

history of yellow color

Yellow color represents sunshine, sanguinity, and cheerfulness, but factually it has quite contradictory associations.  On one side, it symbolizes positivity, illumination, happiness, and liveliness, but its other side indicates deception and cowardice. According to the prehistoric evidence of yellow shade, yellow ochre was among the core pigments used in arts. The cave paintings in Lascaux, France, feature a yellow horse that is around 17000 years old. Ochre was used for the description of skin shade in Ancient Egypt and by the Romans. Additionally, there are different shades of yellow, ranging from infused-lime yellow to orange-yellow.


colors that go with yellow shades

Color contrasts are the colors when combined with any color gives a cool feel. These are the colors which appears on opposite side of color wheel. Finding a good color contrast is one of the most important step in designing the stylish look. Here are couple of colors that go well with yellow shades. 



This design has different contrasts of yellow color. When combined with spearmint, pink and turquoise, it gives a holistic look.  



This design has different contrasts of yellow color. When combined with slate, rose red and turquoise, it gives a stylish look.  


eye catching banner with yellow shades

Yellow has always been a most luminous of all the colors of the spectrum. Checkout some of our stunning design ideas with shades of yellow color. 



The yellow shade used in this design has a hex code #FED500.



The yellow shade used in this design has a hex code #FFF951.


different shades of yellow color with names – Comprehensive guide

 Quick look at yellow color combinations in the form of chart. From light yellow to dark yellow , the collection gives a good idea to the graphic designers what color to choose.  These yellow shades may differ in saturation, intensity, lightness and/or brightness. Shade is also known as tint or variation of a color. 

Bonus: If you like yellow color shades then I am sure you will love the following color shades as well. Here are some top picks 

Color NameHex CodeRGB Code
Yellow OrangeHEX #FFC048RGB 255 192 72
School Bus YellowHEX #FFD800RGB 255 216 0
Fuel YellowHEX #F0A830RGB 240 168 48
Green YellowHEX #A8FF48RGB 168 255 72
Yellow GreenHEX #C0D878

RGB 192 216 120

Frequently Asked Questions 


What are different colors of yellow?

Yellow Orange
School Bus Yellow
Fuel Yellow
Green Yellow

Yellow Green

Mellow Yellow

Light Yellow

Peach Yellow

Fire Yellow

Lemon Yellow

Mustard yellow

Cream Yellow

Navajo Yellow

Cream Yellow

Banana Yellow

Olive Yellow

Khaki Yellow

Amber Yellow



What is the hex code of yellow color?

Hex code of yellow color is #ffff00.

What is the RGB code of yellow color?

RGB code of yellow color is (255,255,0)