Pesto Tetradic Color Scheme

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

#C1B23E

#3CD070

#214FC6

#CC338B

#DBD186

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pesto	`#C1B23E`	193, 178, 62	53°, 51%, 50%	0, 8, 68, 24
UFO Green	`#3CD070`	60, 208, 112	141°, 61%, 53%	71, 0, 46, 18
New Car	`#214FC6`	33, 79, 198	223°, 71%, 45%	83, 60, 0, 22
Magenta Pink	`#CC338B`	204, 51, 139	325°, 60%, 50%	0, 75, 32, 20
Treasury	`#DBD186`	219, 209, 134	53°, 54%, 69%	0, 5, 39, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #214FC6 on #DBD186	4.49:1	AA large
Aa #3CD070 on #214FC6	3.48:1	AA large
Aa #C1B23E on #214FC6	3.24:1	AA large
Aa #CC338B on #DBD186	3.05:1	AA large
Aa #3CD070 on #CC338B	2.37:1	—
Aa #C1B23E on #CC338B	2.20:1	—

CSS variables

:root {
  --color-1: #c1b23e; /* Pesto */
  --color-2: #3cd070; /* UFO Green */
  --color-3: #214fc6; /* New Car */
  --color-4: #cc338b; /* Magenta Pink */
  --color-5: #dbd186; /* Treasury */
}

Other schemes from Pesto

More Medium Yellow tetradic palettes

Questions

What colors go with Pesto?

In a tetradic scheme: UFO Green (#3CD070), New Car (#214FC6), Magenta Pink (#CC338B), Treasury (#DBD186).

What is the hex code of Pesto?

#C1B23E.