Ginger Triadic Color Scheme

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

#B06500

#00AB66

#6611AA

#FE9E13

#006633

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ginger	`#B06500`	176, 101, 0	34°, 100%, 35%	0, 43, 100, 31
Go Green!	`#00AB66`	0, 171, 102	156°, 100%, 34%	100, 0, 40, 33
Indiviolet Sunset	`#6611AA`	102, 17, 170	273°, 82%, 37%	40, 90, 0, 33
Orange Fruit	`#FE9E13`	254, 158, 19	35°, 99%, 54%	0, 38, 93, 0
Treasured Wilderness	`#006633`	0, 102, 51	150°, 100%, 20%	100, 0, 50, 60

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6611AA on #FE9E13	4.54:1	AA
Aa #FE9E13 on #006633	3.43:1	AA large
Aa #00AB66 on #6611AA	3.15:1	AA large
Aa #00AB66 on #006633	2.38:1	—
Aa #B06500 on #FE9E13	2.15:1	—
Aa #B06500 on #6611AA	2.12:1	—

CSS variables

:root {
  --color-1: #b06500; /* Ginger */
  --color-2: #00ab66; /* Go Green! */
  --color-3: #6611aa; /* Indiviolet Sunset */
  --color-4: #fe9e13; /* Orange Fruit */
  --color-5: #006633; /* Treasured Wilderness */
}

Other schemes from Ginger

More Dark Orange triadic palettes

Questions

What colors go with Ginger?

In a triadic scheme: Go Green! (#00AB66), Indiviolet Sunset (#6611AA), Orange Fruit (#FE9E13), Treasured Wilderness (#006633).

What is the hex code of Ginger?

#B06500.