Neon Yellow Complementary Color Scheme

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

#CFFF04

#F1FF62

#3F00FF

#2000B1

#8866FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Neon Yellow	`#CFFF04`	207, 255, 4	71°, 100%, 51%	19, 0, 98, 0
Lemon Pie	`#F1FF62`	241, 255, 98	65°, 100%, 69%	5, 0, 62, 0
Electric Ultramarine	`#3F00FF`	63, 0, 255	255°, 100%, 50%	75, 100, 0, 0
Deep Sea Exploration	`#2000B1`	32, 0, 177	251°, 100%, 35%	82, 100, 0, 31
Purple Anemone	`#8866FF`	136, 102, 255	253°, 100%, 70%	47, 60, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F1FF62 on #2000B1	11.33:1	AAA
Aa #CFFF04 on #2000B1	10.59:1	AAA
Aa #F1FF62 on #3F00FF	7.24:1	AAA
Aa #CFFF04 on #3F00FF	6.76:1	AA
Aa #F1FF62 on #8866FF	3.57:1	AA large
Aa #CFFF04 on #8866FF	3.33:1	AA large

CSS variables

:root {
  --color-1: #cfff04; /* Neon Yellow */
  --color-2: #f1ff62; /* Lemon Pie */
  --color-3: #3f00ff; /* Electric Ultramarine */
  --color-4: #2000b1; /* Deep Sea Exploration */
  --color-5: #8866ff; /* Purple Anemone */
}

Other schemes from Neon Yellow

More Medium Green complementary palettes

Questions

What colors go with Neon Yellow?

In a complementary scheme: Lemon Pie (#F1FF62), Electric Ultramarine (#3F00FF), Deep Sea Exploration (#2000B1), Purple Anemone (#8866FF).

What is the hex code of Neon Yellow?

#CFFF04.