Twilight Monochromatic Color Scheme

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

#17182B

#33365B

#4E518B

#757CAF

#A3A7CC

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Sambucus	`#17182B`	23, 24, 43	237°, 30%, 13%	47, 44, 0, 83	21.8% 0.037 281
Very Blue	`#33365B`	51, 54, 91	236°, 28%, 28%	44, 41, 0, 64	34.8% 0.064 279
Twilight	`#4E518B`	78, 81, 139	237°, 28%, 43%	44, 42, 0, 45	46.0% 0.094 280
Magic Moment	`#757CAF`	117, 124, 175	233°, 27%, 57%	33, 29, 0, 31	60.1% 0.078 278
Blossom Mauve	`#A3A7CC`	163, 167, 204	234°, 29%, 72%	20, 18, 0, 20	73.8% 0.054 280

Which pairs work for text

Text on background	Contrast	WCAG
Aa #17182B on #A3A7CC	7.45:1	AAA
Aa #33365B on #A3A7CC	4.92:1	AA
Aa #17182B on #757CAF	4.37:1	AA large
Aa #4E518B on #A3A7CC	3.12:1	AA large
Aa #33365B on #757CAF	2.89:1	—
Aa #17182B on #4E518B	2.39:1	—

CSS variables

:root {
  --color-1: #17182b; /* Sambucus */
  --color-2: #33365b; /* Very Blue */
  --color-3: #4e518b; /* Twilight */
  --color-4: #757caf; /* Magic Moment */
  --color-5: #a3a7cc; /* Blossom Mauve */
}

Other schemes from Twilight

More medium blue monochromatic color schemes

Questions

What colors go with Twilight?

In a monochromatic scheme: Sambucus (#17182B), Very Blue (#33365B), Magic Moment (#757CAF), Blossom Mauve (#A3A7CC).

What is the hex code of Twilight?

#4E518B.