Butter Complementary Color Scheme

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

#FFFF81

#FFFFDD

#8080FF

#3A2EFE

#E6E6FA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Butter	`#FFFF81`	255, 255, 129	60°, 100%, 75%	0, 0, 49, 0
Parmesan	`#FFFFDD`	255, 255, 221	60°, 100%, 93%	0, 0, 13, 0
Blue Party Parrot	`#8080FF`	128, 128, 255	240°, 100%, 75%	50, 50, 0, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Cyber Lavender	`#E6E6FA`	230, 230, 250	240°, 67%, 94%	8, 8, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFFDD on #3A2EFE	6.86:1	AA
Aa #FFFF81 on #3A2EFE	6.62:1	AA
Aa #3A2EFE on #E6E6FA	5.68:1	AA
Aa #FFFFDD on #8080FF	3.19:1	AA large
Aa #FFFF81 on #8080FF	3.08:1	AA large
Aa #8080FF on #E6E6FA	2.65:1	—

CSS variables

:root {
  --color-1: #ffff81; /* Butter */
  --color-2: #ffffdd; /* Parmesan */
  --color-3: #8080ff; /* Blue Party Parrot */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #e6e6fa; /* Cyber Lavender */
}

Other schemes from Butter

More Light Yellow complementary palettes

Questions

What colors go with Butter?

In a complementary scheme: Parmesan (#FFFFDD), Blue Party Parrot (#8080FF), System Shock Blue (#3A2EFE), Cyber Lavender (#E6E6FA).

What is the hex code of Butter?

#FFFF81.