Tender Shoot Tetradic Color Scheme

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

#ACCB35

#33CC99

#5533CC

#CC3366

#CFE587

Color names and codes

Name	HEX	RGB	HSL	CMYK
Tender Shoot	`#ACCB35`	172, 203, 53	72°, 59%, 50%	15, 0, 74, 20
Dark Shamrock	`#33CC99`	51, 204, 153	160°, 60%, 50%	75, 0, 25, 20
Grape Hyacinth	`#5533CC`	85, 51, 204	253°, 60%, 50%	58, 75, 0, 20
Spicy Berry	`#CC3366`	204, 51, 102	340°, 60%, 50%	0, 75, 50, 20
Refreshed	`#CFE587`	207, 229, 135	74°, 64%, 71%	10, 0, 41, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5533CC on #CFE587	5.57:1	AA
Aa #ACCB35 on #5533CC	4.15:1	AA large
Aa #33CC99 on #5533CC	3.75:1	AA large
Aa #CC3366 on #CFE587	3.59:1	AA large
Aa #ACCB35 on #CC3366	2.68:1	—
Aa #33CC99 on #CC3366	2.42:1	—

CSS variables

:root {
  --color-1: #accb35; /* Tender Shoot */
  --color-2: #33cc99; /* Dark Shamrock */
  --color-3: #5533cc; /* Grape Hyacinth */
  --color-4: #cc3366; /* Spicy Berry */
  --color-5: #cfe587; /* Refreshed */
}

Other schemes from Tender Shoot

More Medium Green tetradic palettes

Questions

What colors go with Tender Shoot?

In a tetradic scheme: Dark Shamrock (#33CC99), Grape Hyacinth (#5533CC), Spicy Berry (#CC3366), Refreshed (#CFE587).

What is the hex code of Tender Shoot?

#ACCB35.