Golden Mean Complementary Color Scheme

Five colors arranged by the complementary rule around Golden Mean (#C49B35), each snapped to its nearest named color.

#C49B35

#D9BE77

#214FC6

#26428B

#8B98D8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Golden Mean	`#C49B35`	196, 155, 53	43°, 57%, 49%	0, 21, 73, 23
Morning’s Egg	`#D9BE77`	217, 190, 119	43°, 56%, 66%	0, 12, 45, 15
New Car	`#214FC6`	33, 79, 198	223°, 71%, 45%	83, 60, 0, 22
Blue Oblivion	`#26428B`	38, 66, 139	223°, 57%, 35%	73, 53, 0, 45
Portage	`#8B98D8`	139, 152, 216	230°, 50%, 70%	36, 30, 0, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D9BE77 on #26428B	5.18:1	AA
Aa #D9BE77 on #214FC6	3.86:1	AA large
Aa #C49B35 on #26428B	3.62:1	AA large
Aa #26428B on #8B98D8	3.39:1	AA large
Aa #C49B35 on #214FC6	2.70:1	—
Aa #214FC6 on #8B98D8	2.53:1	—

CSS variables

:root {
  --color-1: #c49b35; /* Golden Mean */
  --color-2: #d9be77; /* Morning’s Egg */
  --color-3: #214fc6; /* New Car */
  --color-4: #26428b; /* Blue Oblivion */
  --color-5: #8b98d8; /* Portage */
}

Other schemes from Golden Mean

More Medium Orange complementary palettes

Questions

What colors go with Golden Mean?

In a complementary scheme: Morning’s Egg (#D9BE77), New Car (#214FC6), Blue Oblivion (#26428B), Portage (#8B98D8).

What is the hex code of Golden Mean?

#C49B35.