Pineapple High Complementary Color Scheme

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

#EBEB57

#F8F6A8

#4D5AF3

#0011DD

#B8B8F8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pineapple High	`#EBEB57`	235, 235, 87	60°, 79%, 63%	0, 0, 63, 8
Shalimar	`#F8F6A8`	248, 246, 168	59°, 85%, 82%	0, 1, 32, 3
Aquarius Mood Indigo	`#4D5AF3`	77, 90, 243	235°, 87%, 63%	68, 63, 0, 5
Nightfall in Suburbia	`#0011DD`	0, 17, 221	235°, 100%, 43%	100, 92, 0, 13
Purple Illusion	`#B8B8F8`	184, 184, 248	240°, 82%, 85%	26, 26, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F8F6A8 on #0011DD	8.82:1	AAA
Aa #EBEB57 on #0011DD	7.79:1	AAA
Aa #0011DD on #B8B8F8	5.30:1	AA
Aa #F8F6A8 on #4D5AF3	4.60:1	AA
Aa #EBEB57 on #4D5AF3	4.06:1	AA large
Aa #4D5AF3 on #B8B8F8	2.76:1	—

CSS variables

:root {
  --color-1: #ebeb57; /* Pineapple High */
  --color-2: #f8f6a8; /* Shalimar */
  --color-3: #4d5af3; /* Aquarius Mood Indigo */
  --color-4: #0011dd; /* Nightfall in Suburbia */
  --color-5: #b8b8f8; /* Purple Illusion */
}

Other schemes from Pineapple High

More Light Yellow complementary palettes

Questions

What colors go with Pineapple High?

In a complementary scheme: Shalimar (#F8F6A8), Aquarius Mood Indigo (#4D5AF3), Nightfall in Suburbia (#0011DD), Purple Illusion (#B8B8F8).

What is the hex code of Pineapple High?

#EBEB57.