Pastel Violet Complementary Color Scheme

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

#CB99C9

#E7D8EA

#9CCE9E

#63B365

#DDEEDD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pastel Violet	`#CB99C9`	203, 153, 201	302°, 32%, 70%	0, 25, 1, 20
Pale Grey Magenta	`#E7D8EA`	231, 216, 234	290°, 30%, 88%	1, 8, 0, 8
Mover & Shaker	`#9CCE9E`	156, 206, 158	122°, 34%, 71%	24, 0, 23, 19
Boring Green	`#63B365`	99, 179, 101	122°, 34%, 55%	45, 0, 44, 30
Vanishing Point	`#DDEEDD`	221, 238, 221	120°, 33%, 90%	7, 0, 7, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #63B365 on #DDEEDD	2.12:1	—
Aa #CB99C9 on #DDEEDD	1.94:1	—
Aa #E7D8EA on #63B365	1.89:1	—
Aa #CB99C9 on #E7D8EA	1.72:1	—
Aa #9CCE9E on #DDEEDD	1.48:1	—
Aa #9CCE9E on #63B365	1.44:1	—

CSS variables

:root {
  --color-1: #cb99c9; /* Pastel Violet */
  --color-2: #e7d8ea; /* Pale Grey Magenta */
  --color-3: #9cce9e; /* Mover & Shaker */
  --color-4: #63b365; /* Boring Green */
  --color-5: #ddeedd; /* Vanishing Point */
}

Other schemes from Pastel Violet

More Light Pink complementary palettes

Questions

What colors go with Pastel Violet?

In a complementary scheme: Pale Grey Magenta (#E7D8EA), Mover & Shaker (#9CCE9E), Boring Green (#63B365), Vanishing Point (#DDEEDD).

What is the hex code of Pastel Violet?

#CB99C9.