Yellow Color: HEX Code, RGB and Meaning
Yellow is the lightest and brightest of the common hues, the color of sunshine, lemons and caution signs.
HEX is one common value Last updated:
#FFFF00rgb(255, 255, 0)hsl(60, 100%, 50%)cmyk(0%, 0%, 100%, 0%)Color definitions vary by source. The HEX above is one common value for "yellow" from the open color-name-list dataset, not an official standard. CMYK is a simple conversion; printed results depend on ink and paper.
What yellow means
Yellow is the color that most reliably reads as light. It is associated with optimism, cheer and attention, and it is the hue the eye picks out fastest against a dark background. That brightness is also why it can feel anxious or tiring in large doses.
There is a split in how it is used. Soft, buttery yellows feel gentle and welcoming, while pure, saturated yellow is loud and urgent, used when something must be noticed quickly.
Tints and shades of yellow
Lighter tints are made by mixing with white and darker shades by mixing with black. Click a swatch to copy its HEX.
Yellow color palettes
Complementary
Two colors opposite each other on the color wheel: the strongest contrast.
Analogous
Three neighbors on the wheel: a smooth, low-contrast scheme.
Triadic
Three colors evenly spaced around the wheel: lively but balanced.
Colors that go with yellow
- Charcoal (#343837): Strong contrast and excellent legibility.
- Denim (#2243B6): A relaxed, cheerful pairing.
- Lavender (#B56EDC): Yellow's opposite on the wheel, which makes both look vivid.
- White (#FFFFFF): Keeps yellow clean and sunny.
Similar named colors
Where yellow is used
- Fashion. Yellow is a standout accent in raincoats, knitwear and accessories. Muted mustard and butter shades are easier to wear head to toe than the bright version here.
- Interiors. In rooms yellow adds light, so it suits kitchens, hallways and north-facing spaces. Pale tints are more livable on walls than strong ones.
- Branding. Yellow is used by brands that want to appear friendly and visible, from food and delivery to hardware and stationery. Dark text on yellow is almost always clearer than white text.
Yellow vs gold
Gold is yellow with some orange and depth in it. Yellow is lighter and cooler; gold is warmer, deeper and suggests metal.
On a screen the two are close, but in print and product design gold usually implies a metallic finish that flat yellow cannot supply. Yellow is cheerful; gold is richer and more formal.
Frequently asked questions
What does the color yellow mean?
It is commonly linked to happiness, optimism and energy, and also to caution. Which meaning wins depends on context and shade.
Why is yellow used for warning signs?
It has very high visibility, especially when paired with black. That combination is easy to notice from a distance and in low light.
What colors make yellow?
Yellow is a primary color in traditional painting and cannot be mixed from others. On screens it is made by combining red and green light.
What goes with yellow?
Gray, navy and charcoal tame it. Violet and lavender create the strongest contrast.