Drover Complementary Color Scheme

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

#FBEB9B

#FFFAE5

#99AAFF

#5566FF

#E6E8FA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Drover	`#FBEB9B`	251, 235, 155	50°, 92%, 80%	0, 6, 38, 2
Lead Glass	`#FFFAE5`	255, 250, 229	48°, 100%, 95%	0, 2, 10, 0
Widowmaker	`#99AAFF`	153, 170, 255	230°, 100%, 80%	40, 33, 0, 0
Blue Heath Butterfly	`#5566FF`	85, 102, 255	234°, 100%, 67%	67, 60, 0, 0
Glitter	`#E6E8FA`	230, 232, 250	234°, 67%, 94%	8, 7, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFAE5 on #5566FF	4.24:1	AA large
Aa #FBEB9B on #5566FF	3.69:1	AA large
Aa #5566FF on #E6E8FA	3.65:1	AA large
Aa #FFFAE5 on #99AAFF	2.10:1	—
Aa #99AAFF on #5566FF	2.02:1	—
Aa #FBEB9B on #99AAFF	1.83:1	—

CSS variables

:root {
  --color-1: #fbeb9b; /* Drover */
  --color-2: #fffae5; /* Lead Glass */
  --color-3: #99aaff; /* Widowmaker */
  --color-4: #5566ff; /* Blue Heath Butterfly */
  --color-5: #e6e8fa; /* Glitter */
}

Other schemes from Drover

More Light Yellow complementary palettes

Questions

What colors go with Drover?

In a complementary scheme: Lead Glass (#FFFAE5), Widowmaker (#99AAFF), Blue Heath Butterfly (#5566FF), Glitter (#E6E8FA).

What is the hex code of Drover?

#FBEB9B.