Mango color

A juicy, tropical orange with a soft yellow warmth, like ripe mango flesh. It feels fun and summery. It's common in smoothie brands, beachwear and bright kitchen accents.

Also known as: Mango orange.

Mango · #FF8243

About mango

Mango (#FF8243) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 130 green and 67 blue (out of 255). It is mostly used in food branding, summer fashion, tropical.

Mango shades and tints

From lightest to darkest. Tap a shade to copy its code.

Mango color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Deep sky blue

AnalogousClose to: Amaranth, Banana yellow

TriadicClose to: Spring green, Neon blue

Split complementaryClose to: Turquoise blue, Neon blue

TetradicClose to: Neon green, Deep sky blue, Magenta

Mango color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Mango

Analogous palette · Mango

Complementary palette · Mango

Triadic palette · Mango

With neutrals palette · Mango

With an accent palette · Mango

Mango contrast with text

White textContrast 2.5:1 · Not recommended

Black textContrast 8.5:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --mango: #FF8243;
  --mango-rgb: 255, 130, 67;
}
.bg { background-color: var(--mango); }
.text { color: var(--mango); }

Colors similar to mango

Coral Cinnamon Pumpkin orange Burnt sienna Atomic tangerine Tomato red Burnt orange Ochre Neon orange Poppy red

Themed palettes with this color

Frequently asked questions

What is the hex code for mango?

The hex code for mango is #FF8243. In RGB it is rgb(255, 130, 67), in HSL hsl(20, 100%, 63%) and in CMYK 0, 49, 74, 0.

What is the complementary color of mango?

Its complement on the color wheel is #43C0FF, close to deep sky blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on mango?

Use black text instead: the contrast with white is only 2.5:1, while with black it is 8.5:1.