Twilight Complementary Color Scheme

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

#4E518B

#7C83BC

#8A8650

#5C5638

#B8BA87

Color names and codes

Name	HEX	RGB	HSL	CMYK
Twilight	`#4E518B`	78, 81, 139	237°, 28%, 43%	44, 42, 0, 45
Deep Periwinkle	`#7C83BC`	124, 131, 188	233°, 32%, 61%	34, 30, 0, 26
Snap Pea Green	`#8A8650`	138, 134, 80	56°, 27%, 43%	0, 3, 42, 46
Maze	`#5C5638`	92, 86, 56	50°, 24%, 29%	0, 7, 39, 64
Aloe Plant	`#B8BA87`	184, 186, 135	62°, 27%, 63%	1, 0, 27, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5C5638 on #B8BA87	3.66:1	AA large
Aa #4E518B on #B8BA87	3.62:1	AA large
Aa #7C83BC on #5C5638	2.05:1	—
Aa #4E518B on #7C83BC	2.03:1	—
Aa #8A8650 on #5C5638	1.97:1	—
Aa #4E518B on #8A8650	1.95:1	—

CSS variables

:root {
  --color-1: #4e518b; /* Twilight */
  --color-2: #7c83bc; /* Deep Periwinkle */
  --color-3: #8a8650; /* Snap Pea Green */
  --color-4: #5c5638; /* Maze */
  --color-5: #b8ba87; /* Aloe Plant */
}

Other schemes from Twilight

More Medium Blue complementary palettes

Questions

What colors go with Twilight?

In a complementary scheme: Deep Periwinkle (#7C83BC), Snap Pea Green (#8A8650), Maze (#5C5638), Aloe Plant (#B8BA87).

What is the hex code of Twilight?

#4E518B.