Bold combinationsSplit contrast

Orange and Purple Color Combination

Purple sits between blue and red, so pairing it with orange creates a secondary-contrast jolt without the vibration of true complements.

Hex codes #FFA500 and #800080 — a split contrast pair with a 4.77:1 contrast ratio between the two colors.

Values for this combination

Orange
RGB
rgb(255, 165, 0)
HSL
hsl(39, 100%, 50%)
Hex
#FFA500
Purple
RGB
rgb(128, 0, 128)
HSL
hsl(300, 100%, 25%)
Hex
#800080

Contrast between Orange and Purple

Contrast ratio 4.77:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)PASS
AA · Large text (≥ 3:1)PASS
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)PASS
Aa

Purple text on a Orange surface, at 4.77:1.

Aa

Orange text on a Purple surface, at 4.77:1.

Where this pair works

  • Music festivals
  • Snack packaging
  • Youth brands

Give Orange (#FFA500) roughly 60% of the surface, Purple (#800080) 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

Orange and Purple 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#faf1e1backgrounds and large surfaces · closest to Linen
  • Primary#FFA500the dominant color · closest to Orange
  • Secondary#800080the accent color · closest to Purple
  • Deep shade#4d004dtext, borders and icons · closest to TyrianPurple
  • Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Orange and Purple on their own

More color combinations

Orange and Purple are a split contrast pair: purple sits between blue and red, so pairing it with orange creates a secondary-contrast jolt without the vibration of true complements.

Frequently asked questions

Yes — this pair is used for music festivals, snack packaging, youth brands. The two colors measure 4.77:1 against each other, which is enough for body text in either direction.

Good to know

  • Every value on this page is calculated from #FFA500 and #800080 — nothing is hardcoded.
  • Build a longer palette out of Orange or Purple in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn Orange and Purple into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog