Hey Pesto Tetradic Color Scheme

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

#BEA932

#33B864

#2E4EBF

#BB3388

#DDCC77

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hey Pesto	`#BEA932`	190, 169, 50	51°, 58%, 47%	0, 11, 74, 25
Cool Green	`#33B864`	51, 184, 100	142°, 57%, 46%	72, 0, 46, 28
Kikorangi Blue	`#2E4EBF`	46, 78, 191	227°, 61%, 46%	76, 59, 0, 25
Lust Priestess	`#BB3388`	187, 51, 136	323°, 57%, 47%	0, 73, 27, 27
Sand Pyramid	`#DDCC77`	221, 204, 119	50°, 60%, 67%	0, 8, 46, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2E4EBF on #DDCC77	4.39:1	AA large
Aa #BB3388 on #DDCC77	3.29:1	AA large
Aa #BEA932 on #2E4EBF	3.01:1	AA large
Aa #33B864 on #2E4EBF	2.77:1	—
Aa #BEA932 on #BB3388	2.26:1	—
Aa #33B864 on #BB3388	2.08:1	—

CSS variables

:root {
  --color-1: #bea932; /* Hey Pesto */
  --color-2: #33b864; /* Cool Green */
  --color-3: #2e4ebf; /* Kikorangi Blue */
  --color-4: #bb3388; /* Lust Priestess */
  --color-5: #ddcc77; /* Sand Pyramid */
}

Other schemes from Hey Pesto

More Medium Yellow tetradic palettes

Questions

What colors go with Hey Pesto?

In a tetradic scheme: Cool Green (#33B864), Kikorangi Blue (#2E4EBF), Lust Priestess (#BB3388), Sand Pyramid (#DDCC77).

What is the hex code of Hey Pesto?

#BEA932.