Egghead Complementary Color Scheme

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

#E6C7A2

#F8F5E9

#A7C2EB

#619AD6

#ECF3F9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Egghead	`#E6C7A2`	230, 199, 162	33°, 58%, 77%	0, 13, 30, 10
Risotto	`#F8F5E9`	248, 245, 233	48°, 52%, 94%	0, 1, 6, 3
Sky High	`#A7C2EB`	167, 194, 235	216°, 63%, 79%	29, 17, 0, 8
Blue Bay	`#619AD6`	97, 154, 214	211°, 59%, 61%	55, 28, 0, 16
Insignia White	`#ECF3F9`	236, 243, 249	208°, 52%, 95%	5, 2, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F8F5E9 on #619AD6	2.71:1	—
Aa #619AD6 on #ECF3F9	2.64:1	—
Aa #E6C7A2 on #619AD6	1.84:1	—
Aa #F8F5E9 on #A7C2EB	1.66:1	—
Aa #A7C2EB on #619AD6	1.63:1	—
Aa #A7C2EB on #ECF3F9	1.62:1	—

CSS variables

:root {
  --color-1: #e6c7a2; /* Egghead */
  --color-2: #f8f5e9; /* Risotto */
  --color-3: #a7c2eb; /* Sky High */
  --color-4: #619ad6; /* Blue Bay */
  --color-5: #ecf3f9; /* Insignia White */
}

Other schemes from Egghead

More Light Orange complementary palettes

Questions

What colors go with Egghead?

In a complementary scheme: Risotto (#F8F5E9), Sky High (#A7C2EB), Blue Bay (#619AD6), Insignia White (#ECF3F9).

What is the hex code of Egghead?

#E6C7A2.