Sunflower Island Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sunflower Island	`#FFCD01`	255, 205, 1	48°, 100%, 50%	0, 20, 100, 0
Krishna Blue	`#01ABFD`	1, 171, 253	200°, 99%, 50%	100, 32, 0, 1
Radiant Feather	`#5500FF`	85, 0, 255	260°, 100%, 50%	67, 100, 0, 0
Main Mast Gold	`#B79400`	183, 148, 0	49°, 100%, 36%	0, 19, 100, 28
Thor’s Thunder	`#44CCFF`	68, 204, 255	196°, 100%, 63%	73, 20, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFCD01 on #5500FF	4.94:1	AA
Aa #5500FF on #44CCFF	4.00:1	AA large
Aa #01ABFD on #5500FF	2.91:1	—
Aa #5500FF on #B79400	2.56:1	—
Aa #FFCD01 on #B79400	1.93:1	—
Aa #FFCD01 on #01ABFD	1.70:1	—

CSS variables

:root {
  --color-1: #ffcd01; /* Sunflower Island */
  --color-2: #01abfd; /* Krishna Blue */
  --color-3: #5500ff; /* Radiant Feather */
  --color-4: #b79400; /* Main Mast Gold */
  --color-5: #44ccff; /* Thor’s Thunder */
}

Other schemes from Sunflower Island

#FFCD01
#FFDF5E
#0033FF
#0022BB
#6688FF
Sunflower Island Complementary Color Scheme
#FF0033
#FF4E01
#FFCD01
#B9FF03
#33FF00
Sunflower Island Analogous Color Scheme
#FFCD01
#00FFCC
#CC00FF
#FCE166
#00B191
Sunflower Island Triadic Color Scheme
#FFCD01
#00FF55
#0033FF
#FE01B1
#FCE166
Sunflower Island Tetradic Color Scheme
#665500
#B79400
#FFCD01
#FFDB4F
#FEED9A
Sunflower Island Monochromatic Color Scheme

More Medium Yellow split-complementary palettes

Questions

What colors go with Sunflower Island?

In a split-complementary scheme: Krishna Blue (#01ABFD), Radiant Feather (#5500FF), Main Mast Gold (#B79400), Thor’s Thunder (#44CCFF).

What is the hex code of Sunflower Island?

#FFCD01.