Slate Blue Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Slate Blue (#6A5ACD), each snapped to its nearest named color.

#24246D

#4E32B2

#6A5ACD

#8B98D8

#CCCCEE

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
After Work Blue	`#24246D`	36, 36, 109	240°, 50%, 28%	67, 67, 0, 57	31.2% 0.123 277
Blue Violet	`#4E32B2`	78, 50, 178	253°, 56%, 45%	56, 72, 0, 30	43.4% 0.190 285
Slate Blue	`#6A5ACD`	106, 90, 205	248°, 53%, 58%	48, 56, 0, 20	54.4% 0.171 286
Portage	`#8B98D8`	139, 152, 216	230°, 50%, 70%	36, 30, 0, 15	69.4% 0.095 275
Miami White	`#CCCCEE`	204, 204, 238	240°, 50%, 87%	14, 14, 0, 7	85.6% 0.047 285

Which pairs work for text

Text on background	Contrast	WCAG
Aa #24246D on #CCCCEE	8.68:1	AAA
Aa #4E32B2 on #CCCCEE	5.55:1	AA
Aa #24246D on #8B98D8	4.90:1	AA
Aa #6A5ACD on #CCCCEE	3.40:1	AA large
Aa #4E32B2 on #8B98D8	3.13:1	AA large
Aa #24246D on #6A5ACD	2.56:1	—

CSS variables

:root {
  --color-1: #24246d; /* After Work Blue */
  --color-2: #4e32b2; /* Blue Violet */
  --color-3: #6a5acd; /* Slate Blue */
  --color-4: #8b98d8; /* Portage */
  --color-5: #ccccee; /* Miami White */
}

Other schemes from Slate Blue

More medium blue monochromatic color schemes

Questions

What colors go with Slate Blue?

In a monochromatic scheme: After Work Blue (#24246D), Blue Violet (#4E32B2), Portage (#8B98D8), Miami White (#CCCCEE).

What is the hex code of Slate Blue?

#6A5ACD.