Hey Pesto Complementary Color Scheme

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

#BEA932

#DDCC77

#2E4EBF

#223382

#7983D7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hey Pesto	`#BEA932`	190, 169, 50	51°, 58%, 47%	0, 11, 74, 25
Sand Pyramid	`#DDCC77`	221, 204, 119	50°, 60%, 67%	0, 8, 46, 13
Kikorangi Blue	`#2E4EBF`	46, 78, 191	227°, 61%, 46%	76, 59, 0, 25
Deep Space Royal	`#223382`	34, 51, 130	229°, 59%, 32%	74, 61, 0, 49
Tanzine	`#7983D7`	121, 131, 215	234°, 54%, 66%	44, 39, 0, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DDCC77 on #223382	6.96:1	AA
Aa #BEA932 on #223382	4.78:1	AA
Aa #DDCC77 on #2E4EBF	4.39:1	AA large
Aa #223382 on #7983D7	3.24:1	AA large
Aa #BEA932 on #2E4EBF	3.01:1	AA large
Aa #DDCC77 on #7983D7	2.15:1	—

CSS variables

:root {
  --color-1: #bea932; /* Hey Pesto */
  --color-2: #ddcc77; /* Sand Pyramid */
  --color-3: #2e4ebf; /* Kikorangi Blue */
  --color-4: #223382; /* Deep Space Royal */
  --color-5: #7983d7; /* Tanzine */
}

Other schemes from Hey Pesto

More Medium Yellow complementary palettes

Questions

What colors go with Hey Pesto?

In a complementary scheme: Sand Pyramid (#DDCC77), Kikorangi Blue (#2E4EBF), Deep Space Royal (#223382), Tanzine (#7983D7).

What is the hex code of Hey Pesto?

#BEA932.