Sweet Corn Complementary Color Scheme

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

#F9E176

#FFF5CF

#6888FC

#265EF7

#DDDDFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sweet Corn	`#F9E176`	249, 225, 118	49°, 92%, 72%	0, 10, 53, 2
Stereotypical Duck	`#FFF5CF`	255, 245, 207	48°, 100%, 91%	0, 4, 19, 0
Punch Out Glove	`#6888FC`	104, 136, 252	227°, 96%, 70%	59, 46, 0, 1
YInMn Blue	`#265EF7`	38, 94, 247	224°, 93%, 56%	85, 62, 0, 3
Transparent Blue	`#DDDDFF`	221, 221, 255	240°, 100%, 93%	13, 13, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFF5CF on #265EF7	4.77:1	AA
Aa #F9E176 on #265EF7	3.99:1	AA large
Aa #265EF7 on #DDDDFF	3.94:1	AA large
Aa #FFF5CF on #6888FC	2.95:1	—
Aa #F9E176 on #6888FC	2.46:1	—
Aa #6888FC on #DDDDFF	2.43:1	—

CSS variables

:root {
  --color-1: #f9e176; /* Sweet Corn */
  --color-2: #fff5cf; /* Stereotypical Duck */
  --color-3: #6888fc; /* Punch Out Glove */
  --color-4: #265ef7; /* YInMn Blue */
  --color-5: #ddddff; /* Transparent Blue */
}

Other schemes from Sweet Corn

More Light Yellow complementary palettes

Questions

What colors go with Sweet Corn?

In a complementary scheme: Stereotypical Duck (#FFF5CF), Punch Out Glove (#6888FC), YInMn Blue (#265EF7), Transparent Blue (#DDDDFF).

What is the hex code of Sweet Corn?

#F9E176.