Huebook

Mad for Mango Analogous Color Scheme

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

#FC0156
#FF2600
#F8A200
#CDFD02
#55FF00

Color names and codes

NameHEXRGBHSLCMYK
Sorx Red#FC0156252, 1, 86340°, 99%, 50%0, 100, 66, 1
Maraschino#FF2600255, 38, 09°, 100%, 50%0, 85, 100, 0
Mad for Mango#F8A200248, 162, 039°, 100%, 49%0, 35, 100, 3
Greenish Yellow#CDFD02205, 253, 271°, 98%, 50%19, 0, 99, 1
Hyper Green#55FF0085, 255, 0100°, 100%, 50%67, 0, 100, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FC0156 on #CDFD023.34:1AA large
Aa #FF2600 on #CDFD023.19:1AA large
Aa #FC0156 on #55FF002.97:1—
Aa #FF2600 on #55FF002.84:1—
Aa #FC0156 on #F8A2001.92:1—
Aa #FF2600 on #F8A2001.84:1—

CSS variables

:root {
  --color-1: #fc0156; /* Sorx Red */
  --color-2: #ff2600; /* Maraschino */
  --color-3: #f8a200; /* Mad for Mango */
  --color-4: #cdfd02; /* Greenish Yellow */
  --color-5: #55ff00; /* Hyper Green */
}

Other schemes from Mad for Mango

More Medium Orange analogous palettes

Questions

What colors go with Mad for Mango?

In a analogous scheme: Sorx Red (#FC0156), Maraschino (#FF2600), Greenish Yellow (#CDFD02), Hyper Green (#55FF00).

What is the hex code of Mad for Mango?

#F8A200.