Traffic Yellow Complementary Color Scheme

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

#FEDC39

#FFEE99

#265EF7

#0022EE

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Traffic Yellow	`#FEDC39`	254, 220, 57	50°, 99%, 61%	0, 13, 78, 0
Sparkler	`#FFEE99`	255, 238, 153	50°, 100%, 80%	0, 7, 40, 0
YInMn Blue	`#265EF7`	38, 94, 247	224°, 93%, 56%	85, 62, 0, 3
Slice of Heaven	`#0022EE`	0, 34, 238	231°, 100%, 47%	100, 86, 0, 7
Widowmaker	`#99AAFF`	153, 170, 255	230°, 100%, 80%	40, 33, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFEE99 on #0022EE	7.28:1	AAA
Aa #FEDC39 on #0022EE	6.30:1	AA
Aa #FFEE99 on #265EF7	4.46:1	AA large
Aa #0022EE on #99AAFF	3.88:1	AA large
Aa #FEDC39 on #265EF7	3.85:1	AA large
Aa #265EF7 on #99AAFF	2.37:1	—

CSS variables

:root {
  --color-1: #fedc39; /* Traffic Yellow */
  --color-2: #ffee99; /* Sparkler */
  --color-3: #265ef7; /* YInMn Blue */
  --color-4: #0022ee; /* Slice of Heaven */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Traffic Yellow

More Light Yellow complementary palettes

Questions

What colors go with Traffic Yellow?

In a complementary scheme: Sparkler (#FFEE99), YInMn Blue (#265EF7), Slice of Heaven (#0022EE), Widowmaker (#99AAFF).

What is the hex code of Traffic Yellow?

#FEDC39.