Huebook

Sunflower Island Analogous Color Scheme

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

#FF0033
#FF4E01
#FFCD01
#B9FF03
#33FF00

Color names and codes

NameHEXRGBHSLCMYK
Hornet Sting#FF0033255, 0, 51348°, 100%, 50%0, 100, 80, 0
Magma#FF4E01255, 78, 118°, 100%, 50%0, 69, 100, 0
Sunflower Island#FFCD01255, 205, 148°, 100%, 50%0, 20, 100, 0
Atomic Lime#B9FF03185, 255, 377°, 100%, 51%27, 0, 99, 0
Signal Green#33FF0051, 255, 0108°, 100%, 50%80, 0, 100, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF0033 on #B9FF033.28:1AA large
Aa #FF0033 on #33FF002.91:1—
Aa #FF4E01 on #B9FF032.74:1—
Aa #FF0033 on #FFCD012.64:1—
Aa #FF4E01 on #33FF002.44:1—
Aa #FF4E01 on #FFCD012.21:1—

CSS variables

:root {
  --color-1: #ff0033; /* Hornet Sting */
  --color-2: #ff4e01; /* Magma */
  --color-3: #ffcd01; /* Sunflower Island */
  --color-4: #b9ff03; /* Atomic Lime */
  --color-5: #33ff00; /* Signal Green */
}

Other schemes from Sunflower Island

More Medium Yellow analogous palettes

Questions

What colors go with Sunflower Island?

In a analogous scheme: Hornet Sting (#FF0033), Magma (#FF4E01), Atomic Lime (#B9FF03), Signal Green (#33FF00).

What is the hex code of Sunflower Island?

#FFCD01.