Mauvelous Complementary Color Scheme

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

#D6B3C0

#F5F0F1

#B4D6CB

#81BCA8

#EFF5F1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mauvelous	`#D6B3C0`	214, 179, 192	338°, 30%, 77%	0, 16, 10, 16
Plastic Clouds	`#F5F0F1`	245, 240, 241	348°, 20%, 95%	0, 2, 2, 4
Gemini	`#B4D6CB`	180, 214, 203	161°, 29%, 77%	16, 0, 5, 16
Peppermint Bar	`#81BCA8`	129, 188, 168	160°, 31%, 62%	31, 0, 11, 26
Heavy Sugar	`#EFF5F1`	239, 245, 241	140°, 23%, 95%	2, 0, 2, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #81BCA8 on #EFF5F1	1.96:1	—
Aa #F5F0F1 on #81BCA8	1.92:1	—
Aa #D6B3C0 on #EFF5F1	1.72:1	—
Aa #D6B3C0 on #F5F0F1	1.68:1	—
Aa #B4D6CB on #EFF5F1	1.42:1	—
Aa #F5F0F1 on #B4D6CB	1.39:1	—

CSS variables

:root {
  --color-1: #d6b3c0; /* Mauvelous */
  --color-2: #f5f0f1; /* Plastic Clouds */
  --color-3: #b4d6cb; /* Gemini */
  --color-4: #81bca8; /* Peppermint Bar */
  --color-5: #eff5f1; /* Heavy Sugar */
}

Other schemes from Mauvelous

More Light Pink complementary palettes

Questions

What colors go with Mauvelous?

In a complementary scheme: Plastic Clouds (#F5F0F1), Gemini (#B4D6CB), Peppermint Bar (#81BCA8), Heavy Sugar (#EFF5F1).

What is the hex code of Mauvelous?

#D6B3C0.