Daffodil Tetradic Color Scheme

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

#FFFF31

#36FF9A

#3A2EFE

#FF3399

#FFFF99

Color names and codes

Name	HEX	RGB	HSL	CMYK
Daffodil	`#FFFF31`	255, 255, 49	60°, 100%, 60%	0, 0, 81, 0
Eva Green	`#36FF9A`	54, 255, 154	150°, 100%, 61%	79, 0, 40, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Wild Strawberry	`#FF3399`	255, 51, 153	330°, 100%, 60%	0, 80, 40, 0
Sunburst Yellow	`#FFFF99`	255, 255, 153	60°, 100%, 80%	0, 0, 40, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #3A2EFE on #FFFF99	6.67:1	AA
Aa #FFFF31 on #3A2EFE	6.53:1	AA
Aa #36FF9A on #3A2EFE	5.31:1	AA
Aa #FF3399 on #FFFF99	3.24:1	AA large
Aa #FFFF31 on #FF3399	3.17:1	AA large
Aa #36FF9A on #FF3399	2.57:1	—

CSS variables

:root {
  --color-1: #ffff31; /* Daffodil */
  --color-2: #36ff9a; /* Eva Green */
  --color-3: #3a2efe; /* System Shock Blue */
  --color-4: #ff3399; /* Wild Strawberry */
  --color-5: #ffff99; /* Sunburst Yellow */
}

Other schemes from Daffodil

More Medium Yellow tetradic palettes

Questions

What colors go with Daffodil?

In a tetradic scheme: Eva Green (#36FF9A), System Shock Blue (#3A2EFE), Wild Strawberry (#FF3399), Sunburst Yellow (#FFFF99).

What is the hex code of Daffodil?

#FFFF31.