Lavender (CSS) Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Lavender (CSS) (#E6E6FA), each snapped to its nearest named color.

#6D68ED

#ACACE6

#E6E6FA

#EEE9F9

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
If I Could Fly	`#6D68ED`	109, 104, 237	242°, 79%, 67%	54, 56, 0, 7	59.3% 0.194 280
Maximum Blue Purple	`#ACACE6`	172, 172, 230	240°, 54%, 79%	25, 25, 0, 10	76.5% 0.083 284
Lavender (CSS)	`#E6E6FA`	230, 230, 250	240°, 67%, 94%	8, 8, 0, 2	93.1% 0.027 286
Bright Dusk	`#EEE9F9`	238, 233, 249	259°, 57%, 95%	4, 6, 0, 2	94.3% 0.022 300
Bright Dusk	`#EEE9F9`	238, 233, 249	259°, 57%, 95%	4, 6, 0, 2	94.3% 0.022 300

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6D68ED on #EEE9F9	3.64:1	AA large
Aa #6D68ED on #EEE9F9	3.64:1	AA large
Aa #6D68ED on #E6E6FA	3.52:1	AA large
Aa #6D68ED on #ACACE6	2.02:1	—
Aa #ACACE6 on #EEE9F9	1.80:1	—
Aa #ACACE6 on #EEE9F9	1.80:1	—

CSS variables

:root {
  --color-1: #6d68ed; /* If I Could Fly */
  --color-2: #acace6; /* Maximum Blue Purple */
  --color-3: #e6e6fa; /* Lavender (CSS) */
  --color-4: #eee9f9; /* Bright Dusk */
  --color-5: #eee9f9; /* Bright Dusk */
}

Other schemes from Lavender (CSS)

More very light blue monochromatic color schemes

Questions

What colors go with Lavender (CSS)?

In a monochromatic scheme: If I Could Fly (#6D68ED), Maximum Blue Purple (#ACACE6), Bright Dusk (#EEE9F9), Bright Dusk (#EEE9F9).

What is the hex code of Lavender (CSS)?

#E6E6FA.