Haystack Triadic Color Scheme

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

#CFAC47

#45CEA2

#A846D7

#E4CF99

#2EA785

Color names and codes

Name	HEX	RGB	HSL	CMYK
Haystack	`#CFAC47`	207, 172, 71	45°, 59%, 55%	0, 17, 66, 19
Mint Jelly	`#45CEA2`	69, 206, 162	161°, 58%, 54%	67, 0, 21, 19
Purple Yam	`#A846D7`	168, 70, 215	281°, 64%, 56%	22, 67, 0, 16
Honeycomb Glow	`#E4CF99`	228, 207, 153	43°, 58%, 75%	0, 9, 33, 11
Gumdrop Green	`#2EA785`	46, 167, 133	163°, 57%, 42%	72, 0, 20, 35

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A846D7 on #E4CF99	3.03:1	AA large
Aa #45CEA2 on #A846D7	2.34:1	—
Aa #CFAC47 on #A846D7	2.13:1	—
Aa #E4CF99 on #2EA785	1.96:1	—
Aa #A846D7 on #2EA785	1.54:1	—
Aa #45CEA2 on #2EA785	1.52:1	—

CSS variables

:root {
  --color-1: #cfac47; /* Haystack */
  --color-2: #45cea2; /* Mint Jelly */
  --color-3: #a846d7; /* Purple Yam */
  --color-4: #e4cf99; /* Honeycomb Glow */
  --color-5: #2ea785; /* Gumdrop Green */
}

Other schemes from Haystack

More Medium Orange triadic palettes

Questions

What colors go with Haystack?

In a triadic scheme: Mint Jelly (#45CEA2), Purple Yam (#A846D7), Honeycomb Glow (#E4CF99), Gumdrop Green (#2EA785).

What is the hex code of Haystack?

#CFAC47.