The short version
- Yellow is associated with sunshine, warmth, optimism, happiness and attention, and also with caution and warning.
- Yellow is the lightest saturated colour, which is why it is used for school buses, taxis, high visibility clothing and warning signs.
- White text on yellow is almost unreadable, while black on pure yellow reaches a contrast ratio of 19.56:1, among the highest possible.
- Darkening yellow with black turns it olive, so deeper yellows such as mustard and gold are made by shifting towards orange and brown.
- Yellow was historically the imperial colour in China, and saffron and deep yellow hold sacred meaning in Hinduism and Buddhism.
On this page
The yellow color meaning is sunshine first: warmth, optimism, happiness and energy. Because yellow is the lightest and most eye catching of the saturated colours, it also means attention and caution, from a wasp's stripes to a road sign. In branding it reads as friendly, affordable and upbeat. Used well, it is unforgettable. Used carelessly, it is the colour most likely to make words unreadable, which is why this guide spends as much time on contrast as on meaning.
What yellow means
- Sunshine and warmth: the colour of sunlight, summer and ripe fruit, so it feels bright and generous.
- Optimism and happiness: smiley faces, sunflowers and cheerful packaging all lean on it.
- Attention: yellow highlighters, sticky notes and price stickers exist because yellow gets noticed.
- Caution: hazard tape, warning signs and the black and yellow stripes that wasps and bees share with factory floors.
- Less flattering: in English, "yellow" can mean cowardly, and pale sickly yellows can suggest illness or age.
As with any colour, these associations are learned and depend on context. A soft butter yellow on a bakery box and a hazard yellow on a construction sign are the same hue with opposite messages; color psychology explains why.
What each shade of yellow means
#FFF44FUsually reads as
Common in
Example hex
#FFD60AUsually reads as
Common in
#F4C430Usually reads as
Common in
#FFBF00Usually reads as
Common in
#E1AD01Usually reads as
Common in
#D4A017Usually reads as
Common in
#FFF1B8Usually reads as
Common in
Yellow and readability
Yellow is almost as light as white, so it behaves like a light background, however loud it looks. White text on sunflower #FFD60A measures 1.41:1, far below the 4.5:1 WCAG asks for body text. Pure yellow on white is worse, at 1.07:1: nearly invisible. Turn it around and yellow becomes one of the best backgrounds there is: black on pure yellow reaches 19.56:1.
Avoid
- White text on any yellow
- Yellow text on a white page
- Gold
#D4A017text on white, only 2.38:1 - Yellow as the only signal of a warning
Do
- Near black or deep brown text on yellow
- Yellow as a background, band or highlight
- Dark gold
#8A6D00for text on white, 4.92:1 - A warning word or icon alongside the yellow
Any yellow in this article passes easily with near black: mustard with #111111 reaches 9.15:1, and butter with deep brown #3A2E05 reaches 11.78:1. Color contrast explains the thresholds.
Why dark yellow turns green, and how to fix it
Add black to yellow and it does not become a deeper yellow; it becomes olive. That is why deeper yellows such as mustard, gold and amber are made by shifting the hue towards orange and adding a touch of brown instead. The same applies to yellow gradients: let the dark end travel through amber and umber, not through grey.
Tints, tones and shades explains why yellow behaves this way, and yellow gradients has more codes built on the same principle.
Yellow meaning in different cultures
- China: yellow was historically the imperial colour, reserved for the emperor, and still carries a sense of dignity.
- Hinduism and Buddhism: saffron and deep yellow hold sacred meaning, visible in the robes of many Buddhist monks.
- Cycling: the leader of the Tour de France wears the yellow jersey, the maillot jaune.
- North America: yellow school buses and yellow ribbons, a sign of hope for someone's return.
- Everywhere: the black and yellow pairing of warning signs reads as caution across most of the world.
For yellow alongside red, white and black, see color meanings in different cultures.
Yellow in branding
Yellow brands feel friendly, quick and approachable, which is why yellow is common in delivery, budget retail, fast food and children's products. Because it is so loud, the strongest yellow identities use it as a field with black type, or as a single accent among neutrals. A whole page of yellow behind yellow photography tires the eye fast.
Good partners are charcoal and black for punch, navy and cobalt for a confident contrast, and warm cream or terracotta for a softer, sunlit feel. Pairing yellow with other loud colours is possible, but follow the rules in bright color palettes so the text still has somewhere calm to sit.
An Instagram post at 1080×1350. Warm yellow with dark type: friendly, and readable from across a feed.
A Pinterest pin at 1000×1500 where deeper amber and gold read as warm evening light.
Yellow backgrounds are where Gradiently's Auto ink earns its keep: a Mark picks light or dark type line by line from its own palette, so text on a yellow Mark never ends up white on sunshine. With Pro, the same design resizes to every format in one step and the words stay readable.
Questions people ask
What does the colour yellow mean?
Yellow is associated with sunshine, optimism, happiness, energy and attention. It also signals caution, and in English can mean cowardice.
What does mustard yellow mean?
Mustard reads as vintage, warm and confident. It is the grown up side of yellow, common in fashion, interiors and coffee brands.
What colour text goes on yellow?
Near black or a deep brown. White text on yellow fails contrast badly, while black on pure yellow reaches 19.56:1.
Why does dark yellow look green?
Adding black to yellow shifts it towards olive. To make a deeper yellow, move the hue towards orange and add a little brown instead.
Is yellow a good brand colour?
Yellow is memorable and friendly, which suits delivery, food, retail and children's brands. Pair it with dark type and use it as a field or an accent rather than everywhere.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile