Sugarwinkle Complementary Color Scheme

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

#FDC5E3

#FFE6F1

#CCFFDD

#7EFBB3

#E6FDF1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sugarwinkle	`#FDC5E3`	253, 197, 227	328°, 93%, 88%	0, 22, 10, 1
Cherubic	`#FFE6F1`	255, 230, 241	334°, 100%, 95%	0, 10, 5, 0
Mint Zest	`#CCFFDD`	204, 255, 221	140°, 100%, 90%	20, 0, 13, 0
Green Epiphany	`#7EFBB3`	126, 251, 179	145°, 94%, 74%	50, 0, 29, 2
Mint Chiffon	`#E6FDF1`	230, 253, 241	149°, 85%, 95%	9, 0, 5, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FDC5E3 on #E6FDF1	1.38:1	—
Aa #FDC5E3 on #CCFFDD	1.33:1	—
Aa #FDC5E3 on #FFE6F1	1.25:1	—
Aa #7EFBB3 on #E6FDF1	1.20:1	—
Aa #CCFFDD on #7EFBB3	1.16:1	—
Aa #FDC5E3 on #7EFBB3	1.14:1	—

CSS variables

:root {
  --color-1: #fdc5e3; /* Sugarwinkle */
  --color-2: #ffe6f1; /* Cherubic */
  --color-3: #ccffdd; /* Mint Zest */
  --color-4: #7efbb3; /* Green Epiphany */
  --color-5: #e6fdf1; /* Mint Chiffon */
}

Other schemes from Sugarwinkle

More Very Light Pink complementary palettes

Questions

What colors go with Sugarwinkle?

In a complementary scheme: Cherubic (#FFE6F1), Mint Zest (#CCFFDD), Green Epiphany (#7EFBB3), Mint Chiffon (#E6FDF1).

What is the hex code of Sugarwinkle?

#FDC5E3.