Yellow #FFFF00
Yellow, hex code #FFFF00, is pure yellow on a screen: full red and full green light with no blue. It is very light and as saturated as a display allows, which makes it one of the brightest colors you can show. People connect it with sunshine, caution signs, and cheerfulness.
#FFFF00 is the CSS keyword yellow and the purest yellow an RGB screen can produce. Paint, print, and brand yellows are usually warmer or softer.
| HEX | #FFFF00 | |
|---|---|---|
| RGB | rgb(255, 255, 0) | |
| HSL | hsl(60, 100%, 50%) | |
| HSV | hsv(60, 100%, 100%) | |
| CMYK | cmyk(0%, 0%, 100%, 0%) |
Text on Yellow
Black text reads better on Yellow. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Yellow
Yellow tints and shades
Tints mix Yellow with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Yellow color schemes
Color-wheel harmonies built by rotating the hue of #FFFF00 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Yellow color meaning
Yellow is hard to ignore, which is why it's used for warning signs, New York taxis, North American school buses, and highlighter pens. In daily life its first job is to get noticed.
It also carries a lot of good feeling. Sunlight, sunflowers, and the smiley face make it shorthand for happiness and optimism in much of the world. Too much of it can tire the eye, though, and large fields of bright yellow can feel anxious. In the US, yellow ribbons tied around trees welcome people home, which adds a note of hope and remembrance.
Meanings shift by culture. In imperial China yellow was reserved for the emperor. In English, "yellow" can mean cowardly, and in parts of Europe the color has been tied to jealousy. Check the context before using it heavily in international work.
How to use Yellow in design
Pure yellow is better as a highlight than a background. A full screen of #FFFF00 is tiring, but a yellow badge, underline, or callout draws the eye at once. Black or very dark text is the right pairing; white text on yellow is close to unreadable, and yellow text on white fails too. Brands built on yellow usually pair it with black, navy, or red for weight. In social posts, a yellow background with bold black type stands out in a feed. Interiors tend to choose a softer yellow for walls and keep the pure shade for accessories.
Palettes with Yellow tones
Curated palettes with a color close to #FFFF00.
Colors similar to Yellow
Work with Yellow
Yellow FAQ
What is the difference between yellow and gold?
Gold is warmer than pure yellow, with a slight orange lean, and it carries the idea of metal, money, and awards. Pure yellow is lighter and more neutral, with a cheerful, sunny meaning. Use gold for something premium or celebratory, and yellow for attention, warnings, or plain friendliness.
What does yellow mean in a logo?
A yellow logo usually signals friendliness, energy, and affordability. It's common in fast food, hardware, and transport because it is visible from far away. Brands often pair it with black, red, or navy so the mark has enough weight and stays readable on white.