Valkyrie Complementary Color Scheme

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

#EECC22

#F7E077

#3844F4

#0022BB

#8F99FB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Valkyrie	`#EECC22`	238, 204, 34	50°, 86%, 53%	0, 14, 86, 7
Centeōtl Yellow	`#F7E077`	247, 224, 119	49°, 89%, 72%	0, 9, 52, 3
Bright Greek	`#3844F4`	56, 68, 244	236°, 90%, 59%	77, 72, 0, 4
Underwater Falling	`#0022BB`	0, 34, 187	229°, 100%, 37%	100, 82, 0, 27
Periwinkle Blue	`#8F99FB`	143, 153, 251	234°, 93%, 77%	43, 39, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F7E077 on #0022BB	8.16:1	AAA
Aa #EECC22 on #0022BB	6.83:1	AA
Aa #F7E077 on #3844F4	4.81:1	AA
Aa #0022BB on #8F99FB	4.17:1	AA large
Aa #EECC22 on #3844F4	4.03:1	AA large
Aa #3844F4 on #8F99FB	2.46:1	—

CSS variables

:root {
  --color-1: #eecc22; /* Valkyrie */
  --color-2: #f7e077; /* Centeōtl Yellow */
  --color-3: #3844f4; /* Bright Greek */
  --color-4: #0022bb; /* Underwater Falling */
  --color-5: #8f99fb; /* Periwinkle Blue */
}

Other schemes from Valkyrie

More Medium Yellow complementary palettes

Questions

What colors go with Valkyrie?

In a complementary scheme: Centeōtl Yellow (#F7E077), Bright Greek (#3844F4), Underwater Falling (#0022BB), Periwinkle Blue (#8F99FB).

What is the hex code of Valkyrie?

#EECC22.