Ketchup Tetradic Color Scheme

Five colors arranged by the tetradic rule around Ketchup (#9A382D), each snapped to its nearest named color.

#9A382D

#559933

#30949D

#773399

#D6685F

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ketchup	`#9A382D`	154, 56, 45	6°, 55%, 39%	0, 64, 71, 40
Hubert’s Truck Green	`#559933`	85, 153, 51	100°, 50%, 40%	44, 0, 67, 40
Aqua Lake	`#30949D`	48, 148, 157	185°, 53%, 40%	69, 6, 0, 38
Skeletor’s Cape	`#773399`	119, 51, 153	280°, 50%, 40%	22, 67, 0, 40
Tory Red	`#D6685F`	214, 104, 95	5°, 59%, 61%	0, 51, 56, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #773399 on #D6685F	2.21:1	—
Aa #559933 on #773399	2.20:1	—
Aa #30949D on #773399	2.15:1	—
Aa #9A382D on #D6685F	2.02:1	—
Aa #9A382D on #559933	2.01:1	—
Aa #9A382D on #30949D	1.96:1	—

CSS variables

:root {
  --color-1: #9a382d; /* Ketchup */
  --color-2: #559933; /* Hubert’s Truck Green */
  --color-3: #30949d; /* Aqua Lake */
  --color-4: #773399; /* Skeletor’s Cape */
  --color-5: #d6685f; /* Tory Red */
}

Other schemes from Ketchup

More Dark Red tetradic palettes

Questions

What colors go with Ketchup?

In a tetradic scheme: Hubert’s Truck Green (#559933), Aqua Lake (#30949D), Skeletor’s Cape (#773399), Tory Red (#D6685F).

What is the hex code of Ketchup?

#9A382D.