Bumblebee Complementary Color Scheme

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

#FFC82A

#FFE186

#3366FF

#0033DD

#99AAFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bumblebee	`#FFC82A`	255, 200, 42	45°, 100%, 58%	0, 22, 84, 0
Sweet Chamomile	`#FFE186`	255, 225, 134	45°, 100%, 76%	0, 12, 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 #FFE186 on #0033DD	6.50:1	AA
Aa #FFC82A on #0033DD	5.38:1	AA
Aa #0033DD on #99AAFF	3.79:1	AA large
Aa #FFE186 on #3366FF	3.65:1	AA large
Aa #FFC82A on #3366FF	3.02:1	AA large
Aa #3366FF on #99AAFF	2.13:1	—

CSS variables

:root {
  --color-1: #ffc82a; /* Bumblebee */
  --color-2: #ffe186; /* Sweet Chamomile */
  --color-3: #3366ff; /* Gentian Flower */
  --color-4: #0033dd; /* Cold Pack */
  --color-5: #99aaff; /* Widowmaker */
}

Other schemes from Bumblebee

More Medium Orange complementary palettes

Questions

What colors go with Bumblebee?

In a complementary scheme: Sweet Chamomile (#FFE186), Gentian Flower (#3366FF), Cold Pack (#0033DD), Widowmaker (#99AAFF).

What is the hex code of Bumblebee?

#FFC82A.