Violet Vapour Complementary Color Scheme

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

#E5DAE1

#F5F0F1

#DAE6DD

#ACC9B2

#EFF5F1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Violet Vapour	`#E5DAE1`	229, 218, 225	322°, 17%, 88%	0, 5, 2, 10
Plastic Clouds	`#F5F0F1`	245, 240, 241	348°, 20%, 95%	0, 2, 2, 4
Swans Down	`#DAE6DD`	218, 230, 221	135°, 19%, 88%	5, 0, 4, 10
Gum Leaf	`#ACC9B2`	172, 201, 178	132°, 21%, 73%	14, 0, 11, 21
Heavy Sugar	`#EFF5F1`	239, 245, 241	140°, 23%, 95%	2, 0, 2, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #ACC9B2 on #EFF5F1	1.62:1	—
Aa #F5F0F1 on #ACC9B2	1.58:1	—
Aa #DAE6DD on #ACC9B2	1.39:1	—
Aa #E5DAE1 on #ACC9B2	1.31:1	—
Aa #E5DAE1 on #EFF5F1	1.23:1	—
Aa #E5DAE1 on #F5F0F1	1.21:1	—

CSS variables

:root {
  --color-1: #e5dae1; /* Violet Vapour */
  --color-2: #f5f0f1; /* Plastic Clouds */
  --color-3: #dae6dd; /* Swans Down */
  --color-4: #acc9b2; /* Gum Leaf */
  --color-5: #eff5f1; /* Heavy Sugar */
}

Other schemes from Violet Vapour

More Very Light Pink complementary palettes

Questions

What colors go with Violet Vapour?

In a complementary scheme: Plastic Clouds (#F5F0F1), Swans Down (#DAE6DD), Gum Leaf (#ACC9B2), Heavy Sugar (#EFF5F1).

What is the hex code of Violet Vapour?

#E5DAE1.