Huebook

Mad for Mango Triadic Color Scheme

Five colors arranged by the triadic rule around Mad for Mango (#F8A200), each snapped to its nearest named color.

#F8A200
#05FFA6
#AA00FF
#FFC85F
#00A870

Color names and codes

NameHEXRGBHSLCMYK
Mad for Mango#F8A200248, 162, 039°, 100%, 49%0, 35, 100, 3
Yíng Guāng Sè Green#05FFA65, 255, 166159°, 100%, 51%98, 0, 35, 0
Digital Violets#AA00FF170, 0, 255280°, 100%, 50%33, 100, 0, 0
Grilled Cheese#FFC85F255, 200, 9539°, 100%, 69%0, 22, 63, 0
Sesame Street Green#00A8700, 168, 112160°, 100%, 33%100, 0, 33, 34

Which pairs work for text

Text on backgroundContrastWCAG
Aa #05FFA6 on #AA00FF3.82:1AA large
Aa #AA00FF on #FFC85F3.29:1AA large
Aa #F8A200 on #AA00FF2.45:1—
Aa #05FFA6 on #00A8702.32:1—
Aa #FFC85F on #00A8702.00:1—
Aa #AA00FF on #00A8701.65:1—

CSS variables

:root {
  --color-1: #f8a200; /* Mad for Mango */
  --color-2: #05ffa6; /* Yíng Guāng Sè Green */
  --color-3: #aa00ff; /* Digital Violets */
  --color-4: #ffc85f; /* Grilled Cheese */
  --color-5: #00a870; /* Sesame Street Green */
}

Other schemes from Mad for Mango

More Medium Orange triadic palettes

Questions

What colors go with Mad for Mango?

In a triadic scheme: Yíng Guāng Sè Green (#05FFA6), Digital Violets (#AA00FF), Grilled Cheese (#FFC85F), Sesame Street Green (#00A870).

What is the hex code of Mad for Mango?

#F8A200.