Huebook

Mad for Mango Split-complementary Color Scheme

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

#F8A200
#02CCFE
#2200FF
#AB7100
#45E9FD

Color names and codes

NameHEXRGBHSLCMYK
Mad for Mango#F8A200248, 162, 039°, 100%, 49%0, 35, 100, 3
Bright Sky Blue#02CCFE2, 204, 254192°, 99%, 50%99, 20, 0, 0
Blue Pencil#2200FF34, 0, 255248°, 100%, 50%87, 100, 0, 0
Cookie Dough#AB7100171, 113, 040°, 100%, 34%0, 34, 100, 33
Shimmering Expanse Cyan#45E9FD69, 233, 253187°, 98%, 63%73, 8, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #2200FF on #45E9FD5.70:1AA
Aa #02CCFE on #2200FF4.41:1AA large
Aa #F8A200 on #2200FF4.04:1AA large
Aa #AB7100 on #45E9FD2.81:1—
Aa #02CCFE on #AB71002.17:1—
Aa #2200FF on #AB71002.03:1—

CSS variables

:root {
  --color-1: #f8a200; /* Mad for Mango */
  --color-2: #02ccfe; /* Bright Sky Blue */
  --color-3: #2200ff; /* Blue Pencil */
  --color-4: #ab7100; /* Cookie Dough */
  --color-5: #45e9fd; /* Shimmering Expanse Cyan */
}

Other schemes from Mad for Mango

More Medium Orange split-complementary palettes

Questions

What colors go with Mad for Mango?

In a split-complementary scheme: Bright Sky Blue (#02CCFE), Blue Pencil (#2200FF), Cookie Dough (#AB7100), Shimmering Expanse Cyan (#45E9FD).

What is the hex code of Mad for Mango?

#F8A200.