Butter Triadic Color Scheme

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

#FFFF81

#88FFFF

#FF80FF

#FFFFE5

#33FFFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Butter	`#FFFF81`	255, 255, 129	60°, 100%, 75%	0, 0, 49, 0
Glitter Shower	`#88FFFF`	136, 255, 255	180°, 100%, 77%	47, 0, 0, 0
Hottest of Pinks	`#FF80FF`	255, 128, 255	300°, 100%, 75%	0, 50, 0, 0
La Luna	`#FFFFE5`	255, 255, 229	60°, 100%, 95%	0, 0, 10, 0
Beaming Blue	`#33FFFF`	51, 255, 255	180°, 100%, 60%	80, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FF80FF on #FFFFE5	2.11:1	—
Aa #FFFF81 on #FF80FF	2.03:1	—
Aa #88FFFF on #FF80FF	1.82:1	—
Aa #FF80FF on #33FFFF	1.73:1	—
Aa #FFFFE5 on #33FFFF	1.22:1	—
Aa #FFFF81 on #33FFFF	1.18:1	—

CSS variables

:root {
  --color-1: #ffff81; /* Butter */
  --color-2: #88ffff; /* Glitter Shower */
  --color-3: #ff80ff; /* Hottest of Pinks */
  --color-4: #ffffe5; /* La Luna */
  --color-5: #33ffff; /* Beaming Blue */
}

Other schemes from Butter

More Light Yellow triadic palettes

Questions

What colors go with Butter?

In a triadic scheme: Glitter Shower (#88FFFF), Hottest of Pinks (#FF80FF), La Luna (#FFFFE5), Beaming Blue (#33FFFF).

What is the hex code of Butter?

#FFFF81.