Huebook

Sunflower Island Tetradic Color Scheme

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

#FFCD01
#00FF55
#0033FF
#FE01B1
#FCE166

Color names and codes

NameHEXRGBHSLCMYK
Sunflower Island#FFCD01255, 205, 148°, 100%, 50%0, 20, 100, 0
Cathode Green#00FF550, 255, 85140°, 100%, 50%100, 0, 67, 0
Blinking Blue#0033FF0, 51, 255228°, 100%, 50%100, 80, 0, 0
Pink Hysteria#FE01B1254, 1, 177318°, 99%, 50%0, 100, 30, 0
Xìng Huáng Yellow#FCE166252, 225, 10249°, 96%, 69%0, 11, 60, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #0033FF on #FCE1665.52:1AA
Aa #00FF55 on #0033FF5.29:1AA
Aa #FFCD01 on #0033FF4.79:1AA
Aa #FE01B1 on #FCE1662.75:1—
Aa #00FF55 on #FE01B12.64:1—
Aa #FFCD01 on #FE01B12.39:1—

CSS variables

:root {
  --color-1: #ffcd01; /* Sunflower Island */
  --color-2: #00ff55; /* Cathode Green */
  --color-3: #0033ff; /* Blinking Blue */
  --color-4: #fe01b1; /* Pink Hysteria */
  --color-5: #fce166; /* Xìng Huáng Yellow */
}

Other schemes from Sunflower Island

More Medium Yellow tetradic palettes

Questions

What colors go with Sunflower Island?

In a tetradic scheme: Cathode Green (#00FF55), Blinking Blue (#0033FF), Pink Hysteria (#FE01B1), Xìng Huáng Yellow (#FCE166).

What is the hex code of Sunflower Island?

#FFCD01.