Starstruck Complementary Color Scheme

Five colors arranged by the complementary rule around Starstruck (#4664A5), each snapped to its nearest named color.

#4664A5

#7D94C6

#A6894B

#715B2E

#CCB586

Color names and codes

Name	HEX	RGB	HSL	CMYK
Starstruck	`#4664A5`	70, 100, 165	221°, 40%, 46%	58, 39, 0, 35
Steel Blue Eyes	`#7D94C6`	125, 148, 198	221°, 39%, 63%	37, 25, 0, 22
Mustard Gold	`#A6894B`	166, 137, 75	41°, 38%, 47%	0, 17, 55, 35
Moss Brown	`#715B2E`	113, 91, 46	40°, 42%, 31%	0, 19, 59, 56
Tweed Jacket	`#CCB586`	204, 181, 134	40°, 41%, 66%	0, 11, 34, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #715B2E on #CCB586	3.25:1	AA large
Aa #4664A5 on #CCB586	2.90:1	—
Aa #7D94C6 on #715B2E	2.14:1	—
Aa #A6894B on #715B2E	1.95:1	—
Aa #4664A5 on #7D94C6	1.91:1	—
Aa #4664A5 on #A6894B	1.74:1	—

CSS variables

:root {
  --color-1: #4664a5; /* Starstruck */
  --color-2: #7d94c6; /* Steel Blue Eyes */
  --color-3: #a6894b; /* Mustard Gold */
  --color-4: #715b2e; /* Moss Brown */
  --color-5: #ccb586; /* Tweed Jacket */
}

Other schemes from Starstruck

More Medium Blue complementary palettes

Questions

What colors go with Starstruck?

In a complementary scheme: Steel Blue Eyes (#7D94C6), Mustard Gold (#A6894B), Moss Brown (#715B2E), Tweed Jacket (#CCB586).

What is the hex code of Starstruck?

#4664A5.