Pilsener Complementary Color Scheme

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

#F8F753

#FFFBAB

#5555FF

#0C06F7

#B8B8FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pilsener	`#F8F753`	248, 247, 83	60°, 92%, 65%	0, 0, 67, 3
Bollywood Gold	`#FFFBAB`	255, 251, 171	57°, 100%, 84%	0, 2, 33, 0
Shady Neon Blue	`#5555FF`	85, 85, 255	240°, 100%, 67%	67, 67, 0, 0
Strong Blue	`#0C06F7`	12, 6, 247	241°, 95%, 50%	95, 98, 0, 3
Greyish Lavender	`#B8B8FF`	184, 184, 255	240°, 100%, 86%	28, 28, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFBAB on #0C06F7	8.24:1	AAA
Aa #F8F753 on #0C06F7	7.72:1	AAA
Aa #FFFBAB on #5555FF	4.76:1	AA
Aa #0C06F7 on #B8B8FF	4.75:1	AA
Aa #F8F753 on #5555FF	4.46:1	AA large
Aa #5555FF on #B8B8FF	2.75:1	—

CSS variables

:root {
  --color-1: #f8f753; /* Pilsener */
  --color-2: #fffbab; /* Bollywood Gold */
  --color-3: #5555ff; /* Shady Neon Blue */
  --color-4: #0c06f7; /* Strong Blue */
  --color-5: #b8b8ff; /* Greyish Lavender */
}

Other schemes from Pilsener

More Light Yellow complementary palettes

Questions

What colors go with Pilsener?

In a complementary scheme: Bollywood Gold (#FFFBAB), Shady Neon Blue (#5555FF), Strong Blue (#0C06F7), Greyish Lavender (#B8B8FF).

What is the hex code of Pilsener?

#F8F753.