Ginger Tetradic Color Scheme

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

#B06500

#00AA11

#0047AB

#AA00AA

#FE9E13

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ginger	`#B06500`	176, 101, 0	34°, 100%, 35%	0, 43, 100, 31
Hedged Garden	`#00AA11`	0, 170, 17	126°, 100%, 33%	100, 0, 90, 33
Soulstone Blue	`#0047AB`	0, 71, 171	215°, 100%, 34%	100, 58, 0, 33
Purple Potion	`#AA00AA`	170, 0, 170	300°, 100%, 33%	0, 100, 0, 33
Orange Fruit	`#FE9E13`	254, 158, 19	35°, 99%, 54%	0, 38, 93, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0047AB on #FE9E13	4.06:1	AA large
Aa #AA00AA on #FE9E13	3.07:1	AA large
Aa #00AA11 on #0047AB	2.71:1	—
Aa #B06500 on #FE9E13	2.15:1	—
Aa #00AA11 on #AA00AA	2.05:1	—
Aa #B06500 on #0047AB	1.89:1	—

CSS variables

:root {
  --color-1: #b06500; /* Ginger */
  --color-2: #00aa11; /* Hedged Garden */
  --color-3: #0047ab; /* Soulstone Blue */
  --color-4: #aa00aa; /* Purple Potion */
  --color-5: #fe9e13; /* Orange Fruit */
}

Other schemes from Ginger

More Dark Orange tetradic palettes

Questions

What colors go with Ginger?

In a tetradic scheme: Hedged Garden (#00AA11), Soulstone Blue (#0047AB), Purple Potion (#AA00AA), Orange Fruit (#FE9E13).

What is the hex code of Ginger?

#B06500.