Daffodil Complementary Color Scheme

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

#FFFF31

#FFFF88

#3A2EFE

#0203E2

#9999FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Daffodil	`#FFFF31`	255, 255, 49	60°, 100%, 60%	0, 0, 81, 0
Cinque Foil	`#FFFF88`	255, 255, 136	60°, 100%, 77%	0, 0, 47, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Pure Blue	`#0203E2`	2, 3, 226	240°, 98%, 45%	99, 99, 0, 11
Cobalite	`#9999FF`	153, 153, 255	240°, 100%, 80%	40, 40, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFF88 on #0203E2	9.42:1	AAA
Aa #FFFF31 on #0203E2	9.27:1	AAA
Aa #FFFF88 on #3A2EFE	6.63:1	AA
Aa #FFFF31 on #3A2EFE	6.53:1	AA
Aa #0203E2 on #9999FF	3.95:1	AA large
Aa #3A2EFE on #9999FF	2.78:1	—

CSS variables

:root {
  --color-1: #ffff31; /* Daffodil */
  --color-2: #ffff88; /* Cinque Foil */
  --color-3: #3a2efe; /* System Shock Blue */
  --color-4: #0203e2; /* Pure Blue */
  --color-5: #9999ff; /* Cobalite */
}

Other schemes from Daffodil

More Medium Yellow complementary palettes

Questions

What colors go with Daffodil?

In a complementary scheme: Cinque Foil (#FFFF88), System Shock Blue (#3A2EFE), Pure Blue (#0203E2), Cobalite (#9999FF).

What is the hex code of Daffodil?

#FFFF31.