Peppy Peacock Complementary Color Scheme

Five colors arranged by the complementary rule around Peppy Peacock (#55CCBB), each snapped to its nearest named color.

#55CCBB

#9BE3D7

#D0576B

#A42E41

#E5A2AB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Peppy Peacock	`#55CCBB`	85, 204, 187	171°, 54%, 57%	58, 0, 8, 20
Sharbah Fizz	`#9BE3D7`	155, 227, 215	170°, 56%, 75%	32, 0, 5, 11
Imayou Pink	`#D0576B`	208, 87, 107	350°, 56%, 58%	0, 58, 49, 18
Radish	`#A42E41`	164, 46, 65	350°, 56%, 41%	0, 72, 60, 36
Berry Riche	`#E5A2AB`	229, 162, 171	352°, 56%, 77%	0, 29, 25, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9BE3D7 on #A42E41	4.72:1	AA
Aa #55CCBB on #A42E41	3.53:1	AA large
Aa #A42E41 on #E5A2AB	3.31:1	AA large
Aa #9BE3D7 on #D0576B	2.73:1	—
Aa #55CCBB on #D0576B	2.04:1	—
Aa #D0576B on #E5A2AB	1.92:1	—

CSS variables

:root {
  --color-1: #55ccbb; /* Peppy Peacock */
  --color-2: #9be3d7; /* Sharbah Fizz */
  --color-3: #d0576b; /* Imayou Pink */
  --color-4: #a42e41; /* Radish */
  --color-5: #e5a2ab; /* Berry Riche */
}

Other schemes from Peppy Peacock

More Medium Teal complementary palettes

Questions

What colors go with Peppy Peacock?

In a complementary scheme: Sharbah Fizz (#9BE3D7), Imayou Pink (#D0576B), Radish (#A42E41), Berry Riche (#E5A2AB).

What is the hex code of Peppy Peacock?

#55CCBB.