Protoss Complementary Color Scheme

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

#E0C778

#EFE6C1

#6495ED

#214FC6

#C9D1EF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Protoss	`#E0C778`	224, 199, 120	46°, 63%, 67%	0, 11, 46, 12
Fake Blonde	`#EFE6C1`	239, 230, 193	48°, 59%, 85%	0, 4, 19, 6
Guilliman Blue	`#6495ED`	100, 149, 237	219°, 79%, 66%	58, 37, 0, 7
New Car	`#214FC6`	33, 79, 198	223°, 71%, 45%	83, 60, 0, 22
Frozen Periwinkle	`#C9D1EF`	201, 209, 239	227°, 54%, 86%	16, 13, 0, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #EFE6C1 on #214FC6	5.59:1	AA
Aa #214FC6 on #C9D1EF	4.62:1	AA
Aa #E0C778 on #214FC6	4.21:1	AA large
Aa #EFE6C1 on #6495ED	2.37:1	—
Aa #6495ED on #214FC6	2.36:1	—
Aa #6495ED on #C9D1EF	1.96:1	—

CSS variables

:root {
  --color-1: #e0c778; /* Protoss */
  --color-2: #efe6c1; /* Fake Blonde */
  --color-3: #6495ed; /* Guilliman Blue */
  --color-4: #214fc6; /* New Car */
  --color-5: #c9d1ef; /* Frozen Periwinkle */
}

Other schemes from Protoss

More Light Yellow complementary palettes

Questions

What colors go with Protoss?

In a complementary scheme: Fake Blonde (#EFE6C1), Guilliman Blue (#6495ED), New Car (#214FC6), Frozen Periwinkle (#C9D1EF).

What is the hex code of Protoss?

#E0C778.