Pineapple Gold Complementary Color Scheme

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

#FFC72C

#FFDE88

#3366FF

#0033DD

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pineapple Gold	`#FFC72C`	255, 199, 44	44°, 100%, 59%	0, 22, 83, 0
Yellow Corn	`#FFDE88`	255, 222, 136	43°, 100%, 77%	0, 13, 47, 0
Gentian Flower	`#3366FF`	51, 102, 255	225°, 100%, 60%	80, 60, 0, 0
Cold Pack	`#0033DD`	0, 51, 221	226°, 100%, 43%	100, 77, 0, 13
Widowmaker	`#99AAFF`	153, 170, 255	230°, 100%, 80%	40, 33, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFDE88 on #0033DD	6.38:1	AA
Aa #FFC72C on #0033DD	5.35:1	AA
Aa #0033DD on #99AAFF	3.79:1	AA large
Aa #FFDE88 on #3366FF	3.58:1	AA large
Aa #FFC72C on #3366FF	3.00:1	AA large
Aa #3366FF on #99AAFF	2.13:1	—

CSS variables

:root {
  --color-1: #ffc72c; /* Pineapple Gold */
  --color-2: #ffde88; /* Yellow Corn */
  --color-3: #3366ff; /* Gentian Flower */
  --color-4: #0033dd; /* Cold Pack */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Pineapple Gold

More Medium Orange complementary palettes

Questions

What colors go with Pineapple Gold?

In a complementary scheme: Yellow Corn (#FFDE88), Gentian Flower (#3366FF), Cold Pack (#0033DD), Widowmaker (#99AAFF).

What is the hex code of Pineapple Gold?

#FFC72C.