Pickled Pineapple Complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pickled Pineapple	`#EEFF33`	238, 255, 51	65°, 100%, 60%	7, 0, 80, 0
Pastel Yellow	`#FDFD96`	253, 253, 150	60°, 96%, 79%	0, 0, 41, 1
Ultra Indigo	`#4433FF`	68, 51, 255	245°, 100%, 60%	73, 80, 0, 0
Burning Ultrablue	`#150AEC`	21, 10, 236	243°, 92%, 48%	91, 96, 0, 7
Dull Lavender	`#A899E6`	168, 153, 230	252°, 61%, 75%	27, 33, 0, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FDFD96 on #150AEC	8.60:1	AAA
Aa #EEFF33 on #150AEC	8.30:1	AAA
Aa #FDFD96 on #4433FF	6.22:1	AA
Aa #EEFF33 on #4433FF	6.00:1	AA
Aa #150AEC on #A899E6	3.66:1	AA large
Aa #4433FF on #A899E6	2.64:1	—

CSS variables

:root {
  --color-1: #eeff33; /* Pickled Pineapple */
  --color-2: #fdfd96; /* Pastel Yellow */
  --color-3: #4433ff; /* Ultra Indigo */
  --color-4: #150aec; /* Burning Ultrablue */
  --color-5: #a899e6; /* Dull Lavender */
}

Other schemes from Pickled Pineapple

#FF4433
#FFAA33
#EEFF33
#87FF2A
#2DFE54
Pickled Pineapple Analogous Color Scheme
#EEFF33
#22EEFF
#FF33EE
#FDFD96
#00D6E2
Pickled Pineapple Triadic Color Scheme
#EEFF33
#3E82FC
#AA33EE
#CCEE00
#8AB8FE
Pickled Pineapple Split-complementary Color Scheme
#EEFF33
#2AFEB7
#4433FF
#FF3388
#FDFD96
Pickled Pineapple Tetradic Color Scheme
#8C9900
#CCEE00
#EEFF33
#FCFC81
#FEFFCC
Pickled Pineapple Monochromatic Color Scheme

More Light Yellow complementary palettes

Questions

What colors go with Pickled Pineapple?

In a complementary scheme: Pastel Yellow (#FDFD96), Ultra Indigo (#4433FF), Burning Ultrablue (#150AEC), Dull Lavender (#A899E6).

What is the hex code of Pickled Pineapple?

#EEFF33.