Ivy Triadic Color Scheme

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

#277B74

#772277

#7A7229

#48C2B0

#331144

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Ivy	`#277B74`	39, 123, 116	175°, 52%, 32%	68, 0, 6, 52	53.2% 0.080 187
Count’s Wardrobe	`#772277`	119, 34, 119	300°, 56%, 30%	0, 71, 0, 53	42.0% 0.156 328
Wood Garlic	`#7A7229`	122, 114, 41	54°, 50%, 32%	0, 7, 66, 52	54.4% 0.094 103
Synergy	`#48C2B0`	72, 194, 176	171°, 50%, 52%	63, 0, 9, 24	74.1% 0.111 182
Purple Door	`#331144`	51, 17, 68	280°, 60%, 17%	25, 75, 0, 73	26.0% 0.095 312

Which pairs work for text

Text on background	Contrast	WCAG
Aa #48C2B0 on #331144	7.37:1	AAA
Aa #772277 on #48C2B0	4.22:1	AA large
Aa #7A7229 on #331144	3.27:1	AA large
Aa #277B74 on #331144	3.20:1	AA large
Aa #277B74 on #48C2B0	2.31:1	—
Aa #7A7229 on #48C2B0	2.25:1	—

CSS variables

:root {
  --color-1: #277b74; /* Ivy */
  --color-2: #772277; /* Count’s Wardrobe */
  --color-3: #7a7229; /* Wood Garlic */
  --color-4: #48c2b0; /* Synergy */
  --color-5: #331144; /* Purple Door */
}

Other schemes from Ivy

More dark teal triadic color schemes

Questions

What colors go with Ivy?

In a triadic scheme: Count’s Wardrobe (#772277), Wood Garlic (#7A7229), Synergy (#48C2B0), Purple Door (#331144).

What is the hex code of Ivy?

#277B74.