Bold combinationsPlayful pop
Fuchsia and Yellow Color Combination
Both colors share a very high chroma but sit at opposite temperatures, which gives a loud, playful combination that still separates cleanly.
Hex codes #FF00FF and #FFFF00 — a playful pop pair with a 2.92:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(255, 0, 255)
- HSL
- hsl(300, 100%, 50%)
- Hex
- #FF00FF
- RGB
- rgb(255, 255, 0)
- HSL
- hsl(60, 100%, 50%)
- Hex
- #FFFF00
Contrast between Fuchsia and Yellow
Contrast ratio 2.92:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Yellow text on a Fuchsia surface, at 2.92:1.
Fuchsia text on a Yellow surface, at 2.92:1.
Where this pair works
- Candy branding
- Party invitations
- Illustration
Give Fuchsia (#FF00FF) roughly 60% of the surface, Yellow (#FFFF00) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Fuchsia and Yellow as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#fae1fabackgrounds and large surfaces · closest to PalePurple
- Primary#FF00FFthe dominant color · closest to Fuchsia
- Secondary#FFFF00the accent color · closest to Yellow
- Deep shade#4d4d00text, borders and icons · closest to ArmyGreen
- Neutral#f6f4f6dividers and quiet surfaces · closest to WhiteSmoke
Explore Fuchsia and Yellow on their own
Fuchsia
More color combinations
Red and Yellow
#FF0000 · #FFFF00Loud and appetisingOpen combinationElectricBlue and Fuchsia
#7DF9FF · #FF00FFDigital neonOpen combinationYellow and Black
#FFFF00 · #000000Hazard and highlightOpen combinationCyan and Fuchsia
#00FFFF · #FF00FFPrint energyOpen combinationHotPink and Lime
#FF69B4 · #00FF00Electric energyOpen combinationOrange and Purple
#FFA500 · #800080Split contrastOpen combinationFuchsia and Yellow are a playful pop pair: both colors share a very high chroma but sit at opposite temperatures, which gives a loud, playful combination that still separates cleanly.
Frequently asked questions
Yes — this pair is used for candy branding, party invitations, illustration. The two colors measure 2.92:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.
Good to know
- Every value on this page is calculated from #FF00FF and #FFFF00 — nothing is hardcoded.
- Build a longer palette out of Fuchsia or Yellow in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Fuchsia and Yellow into a full palette, a gradient or a set of shades — or check the pair against WCAG.
