Huebook

Mango Madness Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Mango Madness (#FD8C23), each snapped to its nearest named color.

#884400
#CC6600
#FD8C23
#FFB16D
#FEDCBA

Color names and codes

NameHEXRGBHSLCMYK
Chocolate Pancakes#884400136, 68, 030°, 100%, 27%0, 50, 100, 47
Curry Powder#CC6600204, 102, 030°, 100%, 40%0, 50, 100, 20
Mango Madness#FD8C23253, 140, 3529°, 98%, 56%0, 45, 86, 1
Apricot#FFB16D255, 177, 10928°, 100%, 71%0, 31, 57, 0
Alphabet Soup#FEDCBA254, 220, 18630°, 97%, 86%0, 13, 27, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #884400 on #FEDCBA5.62:1AA
Aa #884400 on #FFB16D4.09:1AA large
Aa #884400 on #FD8C233.12:1AA large
Aa #CC6600 on #FEDCBA2.96:1—
Aa #CC6600 on #FFB16D2.15:1—
Aa #884400 on #CC66001.90:1—

CSS variables

:root {
  --color-1: #884400; /* Chocolate Pancakes */
  --color-2: #cc6600; /* Curry Powder */
  --color-3: #fd8c23; /* Mango Madness */
  --color-4: #ffb16d; /* Apricot */
  --color-5: #fedcba; /* Alphabet Soup */
}

Other schemes from Mango Madness

More Medium Orange monochromatic palettes

Questions

What colors go with Mango Madness?

In a monochromatic scheme: Chocolate Pancakes (#884400), Curry Powder (#CC6600), Apricot (#FFB16D), Alphabet Soup (#FEDCBA).

What is the hex code of Mango Madness?

#FD8C23.