Starstruck Tetradic Color Scheme

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

#4664A5

#A0488C

#A6894B

#46A35A

#819ECB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Starstruck	`#4664A5`	70, 100, 165	221°, 40%, 46%	58, 39, 0, 35
Viva Magenta	`#A0488C`	160, 72, 140	314°, 38%, 45%	0, 55, 12, 37
Mustard Gold	`#A6894B`	166, 137, 75	41°, 38%, 47%	0, 17, 55, 35
Spinach	`#46A35A`	70, 163, 90	133°, 40%, 46%	57, 0, 45, 36
Caribbean Sky	`#819ECB`	129, 158, 203	216°, 42%, 65%	36, 22, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4664A5 on #819ECB	2.12:1	—
Aa #A0488C on #819ECB	2.02:1	—
Aa #4664A5 on #46A35A	1.83:1	—
Aa #A0488C on #46A35A	1.75:1	—
Aa #4664A5 on #A6894B	1.74:1	—
Aa #A0488C on #A6894B	1.66:1	—

CSS variables

:root {
  --color-1: #4664a5; /* Starstruck */
  --color-2: #a0488c; /* Viva Magenta */
  --color-3: #a6894b; /* Mustard Gold */
  --color-4: #46a35a; /* Spinach */
  --color-5: #819ecb; /* Caribbean Sky */
}

Other schemes from Starstruck

More Medium Blue tetradic palettes

Questions

What colors go with Starstruck?

In a tetradic scheme: Viva Magenta (#A0488C), Mustard Gold (#A6894B), Spinach (#46A35A), Caribbean Sky (#819ECB).

What is the hex code of Starstruck?

#4664A5.