Purple Illusion Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Purple Illusion (#B8B8F8), each snapped to its nearest named color.

#273BE2

#7777EE

#B8B8F8

#E6E8FA

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Palatinate Blue	`#273BE2`	39, 59, 226	234°, 76%, 52%	83, 74, 0, 11	47.1% 0.247 268
Hera Blue	`#7777EE`	119, 119, 238	240°, 78%, 70%	50, 50, 0, 7	62.8% 0.174 280
Purple Illusion	`#B8B8F8`	184, 184, 248	240°, 82%, 85%	26, 26, 0, 3	80.5% 0.090 284
Glitter	`#E6E8FA`	230, 232, 250	234°, 67%, 94%	8, 7, 0, 2	93.5% 0.024 281
Glitter	`#E6E8FA`	230, 232, 250	234°, 67%, 94%	8, 7, 0, 2	93.5% 0.024 281

Which pairs work for text

Text on background	Contrast	WCAG
Aa #273BE2 on #E6E8FA	6.15:1	AA
Aa #273BE2 on #E6E8FA	6.15:1	AA
Aa #273BE2 on #B8B8F8	4.00:1	AA large
Aa #7777EE on #E6E8FA	3.06:1	AA large
Aa #7777EE on #E6E8FA	3.06:1	AA large
Aa #273BE2 on #7777EE	2.01:1	—

CSS variables

:root {
  --color-1: #273be2; /* Palatinate Blue */
  --color-2: #7777ee; /* Hera Blue */
  --color-3: #b8b8f8; /* Purple Illusion */
  --color-4: #e6e8fa; /* Glitter */
  --color-5: #e6e8fa; /* Glitter */
}

Other schemes from Purple Illusion

#B8B8F8
#E6E8FA
#FCF9BD
#F5F171
#FEFEE7
Purple Illusion Complementary Color Scheme
#B2F8F8
#BBDAF8
#B8B8F8
#D8B8F8
#F8B8F8
Purple Illusion Analogous Color Scheme
#B8B8F8
#F7B6BA
#B8F8B8
#E6E8FA
#F4706E
Purple Illusion Triadic Color Scheme
#B8B8F8
#F7D6BA
#CFFDBC
#7777EE
#FFF1E8
Purple Illusion Split-complementary Color Scheme
#B8B8F8
#F5B9D8
#FCF9BD
#B8F8D8
#E6E8FA
Purple Illusion Tetradic Color Scheme

More very light blue monochromatic color schemes

Questions

What colors go with Purple Illusion?

In a monochromatic scheme: Palatinate Blue (#273BE2), Hera Blue (#7777EE), Glitter (#E6E8FA), Glitter (#E6E8FA).

What is the hex code of Purple Illusion?

#B8B8F8.