Slate Blue Complementary Color Scheme

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

#6A5ACD

#ACACE6

#BBCC5A

#94A135

#D9E6A6

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Slate Blue	`#6A5ACD`	106, 90, 205	248°, 53%, 58%	48, 56, 0, 20	54.4% 0.171 286
Maximum Blue Purple	`#ACACE6`	172, 172, 230	240°, 54%, 79%	25, 25, 0, 10	76.5% 0.083 284
Hidden Meadow	`#BBCC5A`	187, 204, 90	69°, 53%, 58%	8, 0, 56, 20	80.9% 0.140 117
Pickled Cucumber	`#94A135`	148, 161, 53	67°, 50%, 42%	8, 0, 67, 37	67.8% 0.131 116
Mermaid Tears	`#D9E6A6`	217, 230, 166	72°, 56%, 78%	6, 0, 28, 10	90.0% 0.084 117

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6A5ACD on #D9E6A6	4.00:1	AA large
Aa #6A5ACD on #BBCC5A	3.01:1	AA large
Aa #6A5ACD on #ACACE6	2.48:1	—
Aa #94A135 on #D9E6A6	2.14:1	—
Aa #6A5ACD on #94A135	1.87:1	—
Aa #ACACE6 on #D9E6A6	1.61:1	—

CSS variables

:root {
  --color-1: #6a5acd; /* Slate Blue */
  --color-2: #acace6; /* Maximum Blue Purple */
  --color-3: #bbcc5a; /* Hidden Meadow */
  --color-4: #94a135; /* Pickled Cucumber */
  --color-5: #d9e6a6; /* Mermaid Tears */
}

Other schemes from Slate Blue

More medium blue complementary color schemes

Questions

What colors go with Slate Blue?

In a complementary scheme: Maximum Blue Purple (#ACACE6), Hidden Meadow (#BBCC5A), Pickled Cucumber (#94A135), Mermaid Tears (#D9E6A6).

What is the hex code of Slate Blue?

#6A5ACD.