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.

Yellow color codes
HEX#FFFF00
RGBrgb(255, 255, 0)
HSLhsl(60, 100%, 50%)
HSVhsv(60, 100%, 100%)
CMYKcmyk(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.

White text

The quick brown fox jumps over the lazy dog.

1.07:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

19.55:1 · AAA

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

#FFFF26
#FFFF4D
#FFFF73
#FFFF99
#FFFFBF

Shades

#D9D900
#B3B300
#8C8C00
#666600
#404000

Yellow color schemes

Color-wheel harmonies built by rotating the hue of #FFFF00 and keeping its saturation and lightness.

Complementary

#FFFF00
#0000FF

Analogous

#FF8000
#FFFF00
#80FF00

Triadic

#FFFF00
#00FFFF
#FF00FF

Split complementary

#FFFF00
#0080FF
#8000FF

Tetradic

#FFFF00
#00FF80
#0000FF
#FF0080

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.