Huebook

Sunflower Island Complementary Color Scheme

Five colors arranged by the complementary rule around Sunflower Island (#FFCD01), each snapped to its nearest named color.

#FFCD01
#FFDF5E
#0033FF
#0022BB
#6688FF

Color names and codes

NameHEXRGBHSLCMYK
Sunflower Island#FFCD01255, 205, 148°, 100%, 50%0, 20, 100, 0
Neon Light#FFDF5E255, 223, 9448°, 100%, 68%0, 13, 63, 0
Blinking Blue#0033FF0, 51, 255228°, 100%, 50%100, 80, 0, 0
Underwater Falling#0022BB0, 34, 187229°, 100%, 37%100, 82, 0, 27
Deep Denim#6688FF102, 136, 255227°, 100%, 70%60, 47, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFDF5E on #0022BB8.20:1AAA
Aa #FFCD01 on #0022BB7.19:1AAA
Aa #FFDF5E on #0033FF5.47:1AA
Aa #FFCD01 on #0033FF4.79:1AA
Aa #0022BB on #6688FF3.36:1AA large
Aa #FFDF5E on #6688FF2.45:1—

CSS variables

:root {
  --color-1: #ffcd01; /* Sunflower Island */
  --color-2: #ffdf5e; /* Neon Light */
  --color-3: #0033ff; /* Blinking Blue */
  --color-4: #0022bb; /* Underwater Falling */
  --color-5: #6688ff; /* Deep Denim */
}

Other schemes from Sunflower Island

More Medium Yellow complementary palettes

Questions

What colors go with Sunflower Island?

In a complementary scheme: Neon Light (#FFDF5E), Blinking Blue (#0033FF), Underwater Falling (#0022BB), Deep Denim (#6688FF).

What is the hex code of Sunflower Island?

#FFCD01.