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.
Table Of Content
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.
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.
Most Popular Shades Of Yellow Color
Here are our top 5 most popular shades of color yellow.
1. Lemon yellow Color
It is derived from the color of lemon fruit. Lemon yellow is close to the pale yellow shade.
With HEX Code #fff44f , this shade of yellow is composed of 100% red, 95.7% green and 31% blue.
2. Chartreuse Yellow Color
This color is mixture of yellow and green color
With HEX Code #DFFF00 , this shade of yellow is composed of 87.5% red, 100% green and 0% blue
3. Banana Yellow Color
Banana yellow is the lighter shade of yellow color and it reflects green and red light.
With HEX Code #FFE135, this shade of yellow is composed of 100% red, 88.2% green and 20.8% blue
4. Yellow Green Color
This color reflects excitement and joy.
With HEX Code #9ACD32, this shade of yellow is composed of 50% green and 50% yellow. It has the RGB code as 128, 255, 0
5. Peach Yellow Color
This color is derived from peach fruit and it has origin from china. This reflects softness and nature. This color is very famous among the fashion designers.
With HEX Code #FADFAD, this shade of yellow is composed of 98% red, 87.5% green and 67.8% blue.
Some Dark Shades Of Yellow Color
Here are our top 5 dark shades of color yellow.
1. Canary Yellow
This amazing shade of yellow is considered a gift from nature and perfectly used in the fashion industry.
With the HEX Code #ffef00, Canary yellow is composed of 100% red, 93.7% green and 0% blue.
2. Golden Yellow
It is the fancy shade of yellow that better represents prosperity and affluence.
Its HEX Code is #ffdf00 and comprised of 100% red, 87.45% green and 0% blue.
3. Dandelion Yellow
Amazing colors come from flowers, and Dandelion color is a perfect example of it.
It’s HEX Code is #f0e130. In RGB color space, Dandelion color is composed of 94.1% red, 88.2% green, and 18.8% blue.
4. Citrine Yellow
Citrine is a gemstone, but it didn’t get much popularity like gold.
With HEX Code #e4d00a, citrine color is composed of 89.4% red, 81.6% green and 3.9% blue.
5. Mustard Yellow
Mustard yellow is becoming one of the trendiest shades in the fashion industry.
With HEX Code #e1ad01, the shade comprises 88.24% red, 67.84% green and 0.39% blue.
Some Light Shades Of Yellow Color
Here are our top 5 light shades of color yellow.
1. Light Yellow
This shade of yellow is soothing and refreshing to eyes.
With HEX Code# ffffe0, Light Yellow is comprised of 100% red, 100% green, and 87.84% blue.
2. Buff Yellow
Do you have any idea about the color of the camel’s feather? It’s Buff color; it is the shade of camel hair.
It is the desired choice in painting. With HEX Code #f0dc82, Buff color is composed of 94.1% red, 86.3% green and 51% blue.
3. Jasmine Color
The color is truly adorable, like the jasmine flower.
With HEX Code #f8de7e, Jasmine color is comprised of 97.25% red, 87.06% green and 49.41% blue.
4. Banana Mania
The color banana mania has the HEX code #fae7b5.
It is considered a light shade of yellow. In the RGB color model, this light shade comprises 98.04% red, 90.59% green, and 70.98% blue.
5. Daisy Yellow
It is the medium-light shade of yellow.
With the HEX Code #f8dc75, Daisy yellow comprises 97.25% red, 86.27% green, and 45.88% blue.
Top 9 Gradients Of Yellow Color
Here are our top 9 picks for gradients of yellow color. Ideal for color loving people and artists.
Yellow(#FFFF00) to Pink (#FFC5D0)
Yellow(#FFFF00) to Turquoise (22CAE0)
Yellow (#FFF343) to Gold (#A97950)
Yellow (#FFF387) to Rose Red (#FF2768)
Yellow (#FAC12F) to Lime Green (#9DE89C)
Yellow (#FFED86) to Hot Pink (#F8CCDC)
Yellow (#FFF343) to Teal (#069390)
Yellow (#FAC12F) to Cyan (#65D4EE)
Yellow (ECEF5B) to Red (E21B32)
Top 8 Contrasts Of Yellow Color
Here are our top 8 picks for the contrast of blue color. These are very useful for the web designers, graphic designers and artists to get the blue color contrasts ideas with their hex codes. Simply pick these contrasts and make elegant designs.
1. Contrast of Orange, Yellow, Baby Blue & Hot Pink
2. Contrast of Yellow, Scarlet, Aquamarine & Orange
3. Contrast of Yellow, Teal, Indigo & Taupe
4. Contrast of Kelly Green, Violet, Yellow & Coral
5. Contrast of Baby Blue, Yellow, Lime Green & Cyan
6. Contrast of Yellow, Slate, Rose Red & Turquoise
7. Contrast of Fuchsia, Turquoise, Yellow & Pink
8. Contrast of Hot Pink, Tiffany Blue, Mint & Yellow
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 Name||Hex Code||RGB Code|
|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
Frequently Asked Questions
What are different colors of yellow?
School Bus 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)