Every shade of yellow 400 from the palest tint to the darkest tone, generated from the base color #E3E33B. 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 400 | #FCFCED | rgb(252, 252, 237) |
| Pale Yellow 400 | #F9F9D7 | rgb(249, 249, 215) |
| Lightest Yellow 400 | #F7F7C5 | rgb(247, 247, 197) |
| Lighter Yellow 400 | #F4F4AF | rgb(244, 244, 175) |
| Light Yellow 400 | #F0F098 | rgb(240, 240, 152) |
| Soft Yellow 400 | #EEEE87 | rgb(238, 238, 135) |
| Muted Yellow 400 | #EBEB70 | rgb(235, 235, 112) |
| Fresh Yellow 400 | #E8E85E | rgb(232, 232, 94) |
| Bright Yellow 400 | #E5E548 | rgb(229, 229, 72) |
| Vivid Yellow 400 | #E2E232 | rgb(226, 226, 50) |
| True Yellow 400 | #DFDF20 | rgb(223, 223, 32) |
| Strong Yellow 400 | #C9C91D | rgb(201, 201, 29) |
| Rich Yellow 400 | #B3B319 | rgb(179, 179, 25) |
| Deep Yellow 400 | #A1A117 | rgb(161, 161, 23) |
| Bold Yellow 400 | #8A8A14 | rgb(138, 138, 20) |
| Dark Yellow 400 | #787811 | rgb(120, 120, 17) |
| Darker Yellow 400 | #62620E | rgb(98, 98, 14) |
| Darkest Yellow 400 | #4C4C0B | rgb(76, 76, 11) |
| Shadow Yellow 400 | #3A3A08 | rgb(58, 58, 8) |
| Midnight Yellow 400 | #242405 | rgb(36, 36, 5) |
FAQs
What is the hex code for yellow 400?
The hex code for yellow 400 is #E3E33B. In RGB it is rgb(227, 227, 59), and in CMYK it is 0%, 0%, 74%, 11%. You can copy these codes from the color code section above.
What does the color yellow 400 mean?
Yellow 400 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 400?
Yellow 400 pairs beautifully with black, white, gold, gray and its complementary color. Explore the yellow 400 color combinations and palettes on this page for ready-to-use schemes.
Where can I download yellow 400 backgrounds?
Right here — this site offers 32 free yellow 400 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.