Bold combinationsTropical contrast

Turquoise and Orange Color Combination

A bright blue-green against a warm orange: both are vivid but far apart on the wheel, so they separate instantly.

Hex codes #40E0D0 and #FFA500 — a tropical contrast pair with a 1.20:1 contrast ratio between the two colors.

Values for this combination

Turquoise
RGB
rgb(64, 224, 208)
HSL
hsl(174, 72%, 56%)
Hex
#40E0D0
Orange
RGB
rgb(255, 165, 0)
HSL
hsl(39, 100%, 50%)
Hex
#FFA500

Contrast between Turquoise and Orange

Contrast ratio 1.20: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)FAIL
AA · Large text (≥ 3:1)FAIL
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)FAIL
Aa

Orange text on a Turquoise surface, at 1.20:1.

Aa

Turquoise text on a Orange surface, at 1.20:1.

Where this pair works

  • Travel branding
  • Beach and resort
  • Juice packaging

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

Turquoise and Orange 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#e6f5f3backgrounds and large surfaces · closest to HoneyDew
  • Primary#40E0D0the dominant color · closest to Turquoise
  • Secondary#FFA500the accent color · closest to Orange
  • Deep shade#4d3200text, borders and icons · closest to SealBrown
  • Neutral#f4f6f5dividers and quiet surfaces · closest to WhiteSmoke

Explore Turquoise and Orange on their own

More color combinations

Turquoise and Orange are a tropical contrast pair: a bright blue-green against a warm orange: both are vivid but far apart on the wheel, so they separate instantly.

Frequently asked questions

Yes — this pair is used for travel branding, beach and resort, juice packaging. The two colors measure 1.20: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 #40E0D0 and #FFA500 — nothing is hardcoded.
  • Build a longer palette out of Turquoise or Orange in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

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

From the blog