Clean Slate Complementary Color Scheme

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

#577396

#92A2BB

#937B56

#665439

#C0AC92

Color names and codes

Name	HEX	RGB	HSL	CMYK
Clean Slate	`#577396`	87, 115, 150	213°, 27%, 46%	42, 23, 0, 41
Faded Lilac	`#92A2BB`	146, 162, 187	217°, 23%, 65%	22, 13, 0, 27
Tweed	`#937B56`	147, 123, 86	36°, 26%, 46%	0, 16, 41, 42
Oliva Oscuro	`#665439`	102, 84, 57	36°, 28%, 31%	0, 18, 44, 60
Papyrus Map	`#C0AC92`	192, 172, 146	34°, 27%, 66%	0, 10, 24, 25

Which pairs work for text

Text on background	Contrast	WCAG
Aa #665439 on #C0AC92	3.30:1	AA large
Aa #92A2BB on #665439	2.80:1	—
Aa #577396 on #C0AC92	2.22:1	—
Aa #577396 on #92A2BB	1.89:1	—
Aa #937B56 on #C0AC92	1.84:1	—
Aa #937B56 on #665439	1.80:1	—

CSS variables

:root {
  --color-1: #577396; /* Clean Slate */
  --color-2: #92a2bb; /* Faded Lilac */
  --color-3: #937b56; /* Tweed */
  --color-4: #665439; /* Oliva Oscuro */
  --color-5: #c0ac92; /* Papyrus Map */
}

Other schemes from Clean Slate

More Medium Blue complementary palettes

Questions

What colors go with Clean Slate?

In a complementary scheme: Faded Lilac (#92A2BB), Tweed (#937B56), Oliva Oscuro (#665439), Papyrus Map (#C0AC92).

What is the hex code of Clean Slate?

#577396.