Yearning for the perfect yellow hex color code or RGB value?
Here are 33, so you can choose the best yellow.
The table contains color swatches to visualize the yellow shades. These are followed by the color name, hex code, and RGB color code.
Plus there’s a handy color chart you can pin to Pinterest.
Ready to say yes to your yellow? Let’s jump in!
Pure Yellow Color Code
Yellow is actually a secondary color in the RGB color model, which is comprised of red, green, and blue light.
The RGB system is used by any type of display monitor – computer, TV, or mobile device. These use red, green, and blue light to create all the colors our eyes can see.
This is an additive color system. To make true yellow, or yellow1, we need to add red and green light. These are fully on, and blue is completely off.
This neon yellow color code is represented by the #FFFF00 color hex. This means that its opposite is pure blue.
Yellow1 RGB value is 255, 255, 0. Full red and green with no blue.
It’s a web safe color because it can also be represented by the code #FF0.
To convert to CMYK for printing, use 0% cyan, 0% magenta, 100% yellow and 0% black. This can also be expressed as C: 0, M: 0, Y: 100, K:0.
You can’t make yellow pigment from other inks or paint colors. In subtractive color, yellow is a primary color.
Pure yellow, aka yellow1, color swatch:
Shades of Yellow
Shade means the pure color with black added. These will be dark yellow through greenish yellow and olive colors.
Here are 9 yellow shades between the yellow1 hexadecimal number through to pure black. You will probably only recognize the first few as even being yellow, though!
No worries, there are 20 unique yellow shades coming up after the tints below.
| #ffff00 | #e5e500 | #cccc00 | #b2b200 | #990000 | #7f7f00 | #666600 | #4c4c00 | #333300 | #191900 | #000000 |
Tints of Yellow
Tint refers to a color with white added. Yellow tints include light ones like canary yellow, pastel yellow, and very pale yellow colors.
Below we will run from the hexadecimal code for yellow1 (maximum yellow) through to pure white color.
| #ffff00 | #ffff19 | #ffff32 | #ffff4c | #ffff66 | #ffff7f | #ffff99 | #ffffb2 | #ffffcc | #ffffe5 | #ffffff |
Yellow Color Codes
Let’s branch out from pure yellow plus black or white. Below you’ll find various yellows from yellow orange to golden yellow, plus light yellows like cream, and brownish yellows like sepia.
Check out the exact colors in the swatches, then the color numbers.
The easiest way to grab these for your web page or design projects is to copy the hexadecimal numbers and paste it in where you need it.
| Color | Color Name | Hex | (RGB) |
|---|---|---|---|
| Bright Yellow | #FFF200 | (255, 242, 0) | |
| Mellow Yellow | #F8DE7E | (248, 222, 126) | |
| Cyber Yellow | #FFD300 | (255, 211, 0) | |
| Royal Yellow | #FADA5E | (250, 218, 94) | |
| Banana Yellow | #FCF4A3 | (252, 244, 163) | |
| Tuscany Yellow | #FCD12A | (252, 209, 42) | |
| Lemon Yellow | #EFFD5F | (239, 253, 95) | |
| Bumblebee | #FCE205 | (252, 226, 5) | |
| Cream | #FFFDD0 | (255, 253, 208) | |
| Peach | #FFE5B4 | (255, 229, 180) | |
| Laguna Yellow | #F8E473 | (248, 228, 115) | |
| Mustard Yellow | #FEDC56 | (254, 220, 86) | |
| Corn | #E4CD05 | (228, 205, 5) | |
| Pineapple Yellow | #FEE12B | (254, 225, 43) | |
| Flaxen | #D5B85A | (213, 184, 90) | |
| Egg Nog | #F9E29C | (249, 226, 156) | |
| Trombone | #D2B55B | (210, 181, 91) | |
| Flax | #EEDC82 | (238, 220, 130) | |
| Ecru | #CEB180 | (206, 177, 128) | |
| Sepia | #E3B778 | (227, 183, 120) |
Yay for Yellow! Conclusion
Yellow is an energetic, outgoing color, with enough tones, shades, and tints to keep it interesting.
Considering yellow in your branding? It works for certain select niches. Be sure to get the full scoop in this article about business colors.
You can also learn more about what it means if yellow is your favorite color.
Hope you found exactly what you need above, but if you need more shades I can add these later:
- Hunyadi Yellow
- Unmellow Yellow
- Safety Yellow
- Sunshine Yellow
- Yellow Star
- Green Yellow
- Arylide Yellow
I gotta admit to being curious about some of those yellow color names myself!
Pin the chart below to Pinterest, and buy your own at graf1x.com.
A fiery companion to yellow is red. Want to pick one? Check out this article on red values.
To learn more about the color yellow, check out the yellow color meaning.
elma says
I love very much how you named and found the colors. I just wanted to ask is there any copyrights needed or anything like that if I take the same colors for a project that I want to make?
Louise Myers says
Yes, you can use the color and color name on a product. You can’t post anything copied from this article online, that’s when it infringes copyright. Thanks for asking!
Renea says
Love your work and always memorable! You are my go-to!
Louise Myers says
Thanks so much!