Emptiness Complementary Color Scheme

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

#FCFDFC

#EFF5F1

#F6F1F4

#E7CEE3

#F6F1F4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Emptiness	`#FCFDFC`	252, 253, 252	120°, 20%, 99%	0, 0, 0, 1
Heavy Sugar	`#EFF5F1`	239, 245, 241	140°, 23%, 95%	2, 0, 2, 4
Grim White	`#F6F1F4`	246, 241, 244	324°, 22%, 95%	0, 2, 1, 4
Sweety Pie	`#E7CEE3`	231, 206, 227	310°, 34%, 86%	0, 11, 2, 9
Grim White	`#F6F1F4`	246, 241, 244	324°, 22%, 95%	0, 2, 1, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FCFDFC on #E7CEE3	1.44:1	—
Aa #EFF5F1 on #E7CEE3	1.33:1	—
Aa #F6F1F4 on #E7CEE3	1.31:1	—
Aa #E7CEE3 on #F6F1F4	1.31:1	—
Aa #FCFDFC on #F6F1F4	1.10:1	—
Aa #FCFDFC on #F6F1F4	1.10:1	—

CSS variables

:root {
  --color-1: #fcfdfc; /* Emptiness */
  --color-2: #eff5f1; /* Heavy Sugar */
  --color-3: #f6f1f4; /* Grim White */
  --color-4: #e7cee3; /* Sweety Pie */
  --color-5: #f6f1f4; /* Grim White */
}

Other schemes from Emptiness

More White complementary palettes

Questions

What colors go with Emptiness?

In a complementary scheme: Heavy Sugar (#EFF5F1), Grim White (#F6F1F4), Sweety Pie (#E7CEE3), Grim White (#F6F1F4).

What is the hex code of Emptiness?

#FCFDFC.