Ivy Tetradic Color Scheme

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

#277B74

#462C77

#7D252C

#507D2A

#48C2B0

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ivy	`#277B74`	39, 123, 116	175°, 52%, 32%	68, 0, 6, 52
Windsor	`#462C77`	70, 44, 119	261°, 46%, 32%	41, 63, 0, 53
Sundried Tomato	`#7D252C`	125, 37, 44	355°, 54%, 32%	0, 70, 65, 51
Master Chief	`#507D2A`	80, 125, 42	93°, 50%, 33%	36, 0, 66, 51
Synergy	`#48C2B0`	72, 194, 176	171°, 50%, 52%	63, 0, 9, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #462C77 on #48C2B0	5.10:1	AA
Aa #7D252C on #48C2B0	4.43:1	AA large
Aa #277B74 on #48C2B0	2.31:1	—
Aa #462C77 on #507D2A	2.28:1	—
Aa #507D2A on #48C2B0	2.23:1	—
Aa #277B74 on #462C77	2.21:1	—

CSS variables

:root {
  --color-1: #277b74; /* Ivy */
  --color-2: #462c77; /* Windsor */
  --color-3: #7d252c; /* Sundried Tomato */
  --color-4: #507d2a; /* Master Chief */
  --color-5: #48c2b0; /* Synergy */
}

Other schemes from Ivy

More Dark Teal tetradic palettes

Questions

What colors go with Ivy?

In a tetradic scheme: Windsor (#462C77), Sundried Tomato (#7D252C), Master Chief (#507D2A), Synergy (#48C2B0).

What is the hex code of Ivy?

#277B74.