Tabasco Complementary Color Scheme

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

#A02712

#E34029

#1E8EA1

#084D58

#37C4FA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Tabasco	`#A02712`	160, 39, 18	9°, 80%, 35%	0, 76, 89, 37
Raiden’s Fury	`#E34029`	227, 64, 41	7°, 77%, 53%	0, 72, 82, 11
Safe Harbour	`#1E8EA1`	30, 142, 161	189°, 69%, 37%	81, 12, 0, 37
Watercolour Blue	`#084D58`	8, 77, 88	188°, 83%, 19%	91, 12, 0, 65
Shovel Knight	`#37C4FA`	55, 196, 250	197°, 95%, 60%	78, 22, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #084D58 on #37C4FA	4.72:1	AA
Aa #A02712 on #37C4FA	3.74:1	AA large
Aa #1E8EA1 on #084D58	2.46:1	—
Aa #E34029 on #084D58	2.27:1	—
Aa #E34029 on #37C4FA	2.07:1	—
Aa #A02712 on #1E8EA1	1.95:1	—

CSS variables

:root {
  --color-1: #a02712; /* Tabasco */
  --color-2: #e34029; /* Raiden’s Fury */
  --color-3: #1e8ea1; /* Safe Harbour */
  --color-4: #084d58; /* Watercolour Blue */
  --color-5: #37c4fa; /* Shovel Knight */
}

Other schemes from Tabasco

More Dark Red complementary palettes

Questions

What colors go with Tabasco?

In a complementary scheme: Raiden’s Fury (#E34029), Safe Harbour (#1E8EA1), Watercolour Blue (#084D58), Shovel Knight (#37C4FA).

What is the hex code of Tabasco?

#A02712.