Triforce Complementary Color Scheme

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

#F0F00F

#FEF263

#150AEC

#030AA7

#6D68ED

Color names and codes

Name	HEX	RGB	HSL	CMYK
Triforce	`#F0F00F`	240, 240, 15	60°, 88%, 50%	0, 0, 94, 6
Kihada Yellow	`#FEF263`	254, 242, 99	55°, 99%, 69%	0, 5, 61, 0
Burning Ultrablue	`#150AEC`	21, 10, 236	243°, 92%, 48%	91, 96, 0, 7
Cobalt	`#030AA7`	3, 10, 167	237°, 96%, 33%	98, 94, 0, 35
If I Could Fly	`#6D68ED`	109, 104, 237	242°, 79%, 67%	54, 56, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FEF263 on #030AA7	11.27:1	AAA
Aa #F0F00F on #030AA7	10.70:1	AAA
Aa #FEF263 on #150AEC	7.91:1	AAA
Aa #F0F00F on #150AEC	7.51:1	AAA
Aa #FEF263 on #6D68ED	3.73:1	AA large
Aa #F0F00F on #6D68ED	3.54:1	AA large

CSS variables

:root {
  --color-1: #f0f00f; /* Triforce */
  --color-2: #fef263; /* Kihada Yellow */
  --color-3: #150aec; /* Burning Ultrablue */
  --color-4: #030aa7; /* Cobalt */
  --color-5: #6d68ed; /* If I Could Fly */
}

Other schemes from Triforce

More Medium Yellow complementary palettes

Questions

What colors go with Triforce?

In a complementary scheme: Kihada Yellow (#FEF263), Burning Ultrablue (#150AEC), Cobalt (#030AA7), If I Could Fly (#6D68ED).

What is the hex code of Triforce?

#F0F00F.