Pepperoni Complementary Color Scheme

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

#AA4400

#FF6B00

#0065AC

#00315A

#00AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pepperoni	`#AA4400`	170, 68, 0	24°, 100%, 33%	0, 60, 100, 33
Spooky Tangerine	`#FF6B00`	255, 107, 0	25°, 100%, 50%	0, 58, 100, 0
Wing Commander	`#0065AC`	0, 101, 172	205°, 100%, 34%	100, 41, 0, 33
Effervescent Blue	`#00315A`	0, 49, 90	207°, 100%, 18%	100, 46, 0, 65
Protoss Pylon	`#00AAFF`	0, 170, 255	200°, 100%, 50%	100, 33, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00315A on #00AAFF	5.16:1	AA
Aa #FF6B00 on #00315A	4.63:1	AA
Aa #0065AC on #00AAFF	2.37:1	—
Aa #AA4400 on #00AAFF	2.32:1	—
Aa #AA4400 on #00315A	2.23:1	—
Aa #0065AC on #00315A	2.18:1	—

CSS variables

:root {
  --color-1: #aa4400; /* Pepperoni */
  --color-2: #ff6b00; /* Spooky Tangerine */
  --color-3: #0065ac; /* Wing Commander */
  --color-4: #00315a; /* Effervescent Blue */
  --color-5: #00aaff; /* Protoss Pylon */
}

Other schemes from Pepperoni

More Dark Orange complementary palettes

Questions

What colors go with Pepperoni?

In a complementary scheme: Spooky Tangerine (#FF6B00), Wing Commander (#0065AC), Effervescent Blue (#00315A), Protoss Pylon (#00AAFF).

What is the hex code of Pepperoni?

#AA4400.