Yellow

Colors that go with yellow

Yellow (#FFFF00) is a very light, vivid yellow. Colors that go well with yellow include Blue (#0000FF), Azure (#0080FF), Oriole (#FF8000), Lasting Lime (#80FF00), Cyan (#00FFFF). For a safe, polished look, pair yellow with a soft off-white like #F6F7E7 and a deep neutral like #1C1C04; for contrast, add a touch of its complement #0000FF.

Build a yellow palette #FFFF00 color details

Best colors to pair with yellow

ComplementaryBlue #0000FF
Opposite yellow on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
Split complementaryAzure #0080FF
Sits next to yellow's complement: lively contrast with less tension than the direct opposite.
AnalogousOriole #FF8000
A neighbouring hue that blends naturally with yellow for calm, cohesive designs.
AnalogousLasting Lime #80FF00
The neighbour on the other side of yellow — pair both for a soft, harmonious scheme.
TriadicCyan #00FFFF
One third of the way around the wheel from yellow: vibrant but balanced.
Light neutralFlickering Firefly #F6F7E7
An off-white with a hint of yellow — an easy background that never feels stark.
Dark neutralNoir Mystique #1C1C04
A deep, yellow-tinted near-black for text and dark sections; softer than pure black.
GrayLost Space #94958D
A warm-or-cool gray matched to yellow for borders, captions and secondary UI.

Yellow color palettes

Each palette keeps #FFFF00 in the middle; open one in the generator to tweak it.

From our palette library

FF6ED0D5FA00B177FF6BE00054EFFFNervous Neon Pink to Sparky Blue

Text and backgrounds with yellow

AaText on a yellow background

19.56:1SuperBlack text on #FFFF00

AaYellow text on a light background

19.56:1Super#FFFF00 text on #000000

Check any other pair with the contrast checker.

FAQ

What colors go with yellow?

Blue (#0000FF), Azure (#0080FF), Oriole (#FF8000), Lasting Lime (#80FF00), Cyan (#00FFFF) go well with yellow. Neutrals such as #F6F7E7 and #1C1C04 are the easiest companions, and #0000FF adds bold contrast as its complementary color.

What is the complementary color of yellow?

The complementary color of yellow (#FFFF00) is #0000FF (Blue), which sits opposite it on the color wheel.

What neutral colors go with yellow?

Off-whites, creams and grays with a slight yellow tint, such as #F6F7E7 and #94958D, plus a deep near-black like #1C1C04. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on yellow?

Black text on #FFFF00 has a contrast ratio of 19.56:1 (super). For yellow text, use a background like #000000 (19.56:1, super).

Is yellow a warm or cool color?

Yellow is a warm color in the yellow family.

More yellow colors

All colors