Blue Complementary Color Scheme

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

#0000FF

#5555FF

#FFFF00

#A8B504

#FFFF66

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue	`#0000FF`	0, 0, 255	240°, 100%, 50%	100, 100, 0, 0
Shady Neon Blue	`#5555FF`	85, 85, 255	240°, 100%, 67%	67, 67, 0, 0
Yellow	`#FFFF00`	255, 255, 0	60°, 100%, 50%	0, 0, 100, 0
Mustard Green	`#A8B504`	168, 181, 4	64°, 96%, 36%	7, 0, 98, 29
Laser Lemon	`#FFFF66`	255, 255, 102	60°, 100%, 70%	0, 0, 60, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0000FF on #FFFF66	8.08:1	AAA
Aa #0000FF on #FFFF00	8.00:1	AAA
Aa #5555FF on #FFFF66	4.78:1	AA
Aa #5555FF on #FFFF00	4.74:1	AA
Aa #0000FF on #A8B504	3.80:1	AA large
Aa #5555FF on #A8B504	2.25:1	—

CSS variables

:root {
  --color-1: #0000ff; /* Blue */
  --color-2: #5555ff; /* Shady Neon Blue */
  --color-3: #ffff00; /* Yellow */
  --color-4: #a8b504; /* Mustard Green */
  --color-5: #ffff66; /* Laser Lemon */
}

Other schemes from Blue

More Medium Blue complementary palettes

Questions

What colors go with Blue?

In a complementary scheme: Shady Neon Blue (#5555FF), Yellow (#FFFF00), Mustard Green (#A8B504), Laser Lemon (#FFFF66).

What is the hex code of Blue?

#0000FF.