Pesto Complementary Color Scheme

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

#C1B23E

#DACD81

#214FC6

#293286

#8B98D8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pesto	`#C1B23E`	193, 178, 62	53°, 51%, 50%	0, 8, 68, 24
Hay Day	`#DACD81`	218, 205, 129	51°, 55%, 68%	0, 6, 41, 15
New Car	`#214FC6`	33, 79, 198	223°, 71%, 45%	83, 60, 0, 22
Ritterlich Blue	`#293286`	41, 50, 134	234°, 53%, 34%	69, 63, 0, 47
Portage	`#8B98D8`	139, 152, 216	230°, 50%, 70%	36, 30, 0, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DACD81 on #293286	6.88:1	AA
Aa #C1B23E on #293286	5.12:1	AA
Aa #DACD81 on #214FC6	4.35:1	AA large
Aa #293286 on #8B98D8	4.00:1	AA large
Aa #C1B23E on #214FC6	3.24:1	AA large
Aa #214FC6 on #8B98D8	2.53:1	—

CSS variables

:root {
  --color-1: #c1b23e; /* Pesto */
  --color-2: #dacd81; /* Hay Day */
  --color-3: #214fc6; /* New Car */
  --color-4: #293286; /* Ritterlich Blue */
  --color-5: #8b98d8; /* Portage */
}

Other schemes from Pesto

More Medium Yellow complementary palettes

Questions

What colors go with Pesto?

In a complementary scheme: Hay Day (#DACD81), New Car (#214FC6), Ritterlich Blue (#293286), Portage (#8B98D8).

What is the hex code of Pesto?

#C1B23E.