Every shade of yellow from the palest tint to the darkest tone, generated from the base color #FFFF00. Click any shade to copy its hex code instantly. Use lighter tints for backgrounds and pastel designs, mid tones for branding, and dark shades for text, dark mode and dramatic looks.
Shade Reference Table
| Name | HEX | RGB |
|---|---|---|
| Palest Yellow | #FFFFEB | rgb(255, 255, 235) |
| Pale Yellow | #FFFFD1 | rgb(255, 255, 209) |
| Lightest Yellow | #FFFFBD | rgb(255, 255, 189) |
| Lighter Yellow | #FFFFA3 | rgb(255, 255, 163) |
| Light Yellow | #FFFF8A | rgb(255, 255, 138) |
| Soft Yellow | #FFFF75 | rgb(255, 255, 117) |
| Muted Yellow | #FFFF5C | rgb(255, 255, 92) |
| Fresh Yellow | #FFFF47 | rgb(255, 255, 71) |
| Bright Yellow | #FFFF2E | rgb(255, 255, 46) |
| Vivid Yellow | #FFFF14 | rgb(255, 255, 20) |
| True Yellow | #FFFF00 | rgb(255, 255, 0) |
| Strong Yellow | #E6E600 | rgb(230, 230, 0) |
| Rich Yellow | #CCCC00 | rgb(204, 204, 0) |
| Deep Yellow | #B8B800 | rgb(184, 184, 0) |
| Bold Yellow | #9E9E00 | rgb(158, 158, 0) |
| Dark Yellow | #8A8A00 | rgb(138, 138, 0) |
| Darker Yellow | #707000 | rgb(112, 112, 0) |
| Darkest Yellow | #575700 | rgb(87, 87, 0) |
| Shadow Yellow | #424200 | rgb(66, 66, 0) |
| Midnight Yellow | #292900 | rgb(41, 41, 0) |
FAQs
What is the hex code for yellow?
The hex code for yellow is #FFFF00. In RGB it is rgb(255, 255, 0), and in CMYK it is 0%, 0%, 100%, 0%. You can copy these codes from the color code section above.
What does the color yellow mean?
Yellow is associated with happiness, optimism, attention and caution. Its exact meaning shifts with culture and context — see the meaning and cultural sections on this page for details.
What colors go with yellow?
Yellow pairs beautifully with black, white, gold, gray and its complementary color. Explore the yellow color combinations and palettes on this page for ready-to-use schemes.
Where can I download yellow backgrounds?
Right here — this site offers 32 free yellow backgrounds in HD (1920×1080) across 8 styles: solid, gradient, glow, waves, bokeh, rays, texture and curves. All are free for personal and commercial use.