Spicy Berry Complementary Color Scheme

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

#CC3366

#DB7B97

#33CC99

#29906D

#8FE0C6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Spicy Berry	`#CC3366`	204, 51, 102	340°, 60%, 50%	0, 75, 50, 20
Impatient Pink	`#DB7B97`	219, 123, 151	343°, 57%, 67%	0, 44, 31, 14
Dark Shamrock	`#33CC99`	51, 204, 153	160°, 60%, 50%	75, 0, 25, 20
Leprechaun	`#29906D`	41, 144, 109	160°, 56%, 36%	72, 0, 24, 44
Clean Green	`#8FE0C6`	143, 224, 198	161°, 57%, 72%	36, 0, 12, 12

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CC3366 on #8FE0C6	3.22:1	AA large
Aa #29906D on #8FE0C6	2.57:1	—
Aa #CC3366 on #33CC99	2.42:1	—
Aa #33CC99 on #29906D	1.93:1	—
Aa #DB7B97 on #8FE0C6	1.87:1	—
Aa #CC3366 on #DB7B97	1.72:1	—

CSS variables

:root {
  --color-1: #cc3366; /* Spicy Berry */
  --color-2: #db7b97; /* Impatient Pink */
  --color-3: #33cc99; /* Dark Shamrock */
  --color-4: #29906d; /* Leprechaun */
  --color-5: #8fe0c6; /* Clean Green */
}

Other schemes from Spicy Berry

More Medium Pink complementary palettes

Questions

What colors go with Spicy Berry?

In a complementary scheme: Impatient Pink (#DB7B97), Dark Shamrock (#33CC99), Leprechaun (#29906D), Clean Green (#8FE0C6).

What is the hex code of Spicy Berry?

#CC3366.