Silkworm Complementary Color Scheme

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

#EEEECC

#FAF9EA

#CCCCEE

#8B98D8

#EEE9F9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Silkworm	`#EEEECC`	238, 238, 204	60°, 50%, 87%	0, 0, 14, 7
Stately White	`#FAF9EA`	250, 249, 234	56°, 62%, 95%	0, 0, 6, 2
Miami White	`#CCCCEE`	204, 204, 238	240°, 50%, 87%	14, 14, 0, 7
Portage	`#8B98D8`	139, 152, 216	230°, 50%, 70%	36, 30, 0, 15
Bright Dusk	`#EEE9F9`	238, 233, 249	259°, 57%, 95%	4, 6, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FAF9EA on #8B98D8	2.61:1	—
Aa #EEEECC on #8B98D8	2.34:1	—
Aa #8B98D8 on #EEE9F9	2.33:1	—
Aa #CCCCEE on #8B98D8	1.77:1	—
Aa #FAF9EA on #CCCCEE	1.47:1	—
Aa #EEEECC on #CCCCEE	1.32:1	—

CSS variables

:root {
  --color-1: #eeeecc; /* Silkworm */
  --color-2: #faf9ea; /* Stately White */
  --color-3: #ccccee; /* Miami White */
  --color-4: #8b98d8; /* Portage */
  --color-5: #eee9f9; /* Bright Dusk */
}

Other schemes from Silkworm

More Very Light Yellow complementary palettes

Questions

What colors go with Silkworm?

In a complementary scheme: Stately White (#FAF9EA), Miami White (#CCCCEE), Portage (#8B98D8), Bright Dusk (#EEE9F9).

What is the hex code of Silkworm?

#EEEECC.