Spicy Berry Tetradic Color Scheme

Five colors arranged by the tetradic rule around Spicy Berry (#CC3366), each snapped to its nearest named color.

#CC3366

#ACCB35

#33CC99

#5533CC

#E585A5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Spicy Berry	`#CC3366`	204, 51, 102	340°, 60%, 50%	0, 75, 50, 20
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
Rose Glory	`#E585A5`	229, 133, 165	340°, 65%, 71%	0, 42, 28, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #ACCB35 on #5533CC	4.15:1	AA large
Aa #33CC99 on #5533CC	3.75:1	AA large
Aa #5533CC on #E585A5	3.01:1	AA large
Aa #CC3366 on #ACCB35	2.68:1	—
Aa #CC3366 on #33CC99	2.42:1	—
Aa #CC3366 on #E585A5	1.94:1	—

CSS variables

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

Other schemes from Spicy Berry

More Medium Pink tetradic palettes

Questions

What colors go with Spicy Berry?

In a tetradic scheme: Tender Shoot (#ACCB35), Dark Shamrock (#33CC99), Grape Hyacinth (#5533CC), Rose Glory (#E585A5).

What is the hex code of Spicy Berry?

#CC3366.