Huebook

Mikado Yellow Complementary Color Scheme

Five colors arranged by the complementary rule around Mikado Yellow (#FFC40C), each snapped to its nearest named color.

#FFC40C
#FFDA68
#0247FE
#0033BB
#6888FC

Color names and codes

NameHEXRGBHSLCMYK
Mikado Yellow#FFC40C255, 196, 1245°, 100%, 52%0, 23, 95, 0
Golden Nectar#FFDA68255, 218, 10445°, 100%, 70%0, 15, 59, 0
Magic Ink#0247FE2, 71, 254224°, 99%, 50%99, 72, 0, 0
Blue Screen of Death#0033BB0, 51, 187224°, 100%, 37%100, 73, 0, 27
Punch Out Glove#6888FC104, 136, 252227°, 96%, 70%59, 46, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFDA68 on #0033BB7.07:1AAA
Aa #FFC40C on #0033BB6.00:1AA
Aa #FFDA68 on #0247FE4.64:1AA
Aa #FFC40C on #0247FE3.94:1AA large
Aa #0033BB on #6888FC2.97:1—
Aa #FFDA68 on #6888FC2.38:1—

CSS variables

:root {
  --color-1: #ffc40c; /* Mikado Yellow */
  --color-2: #ffda68; /* Golden Nectar */
  --color-3: #0247fe; /* Magic Ink */
  --color-4: #0033bb; /* Blue Screen of Death */
  --color-5: #6888fc; /* Punch Out Glove */
}

Other schemes from Mikado Yellow

More Medium Yellow complementary palettes

Questions

What colors go with Mikado Yellow?

In a complementary scheme: Golden Nectar (#FFDA68), Magic Ink (#0247FE), Blue Screen of Death (#0033BB), Punch Out Glove (#6888FC).

What is the hex code of Mikado Yellow?

#FFC40C.