Huebook

Butter Monochromatic Color Scheme

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

#E6E200
#FFFF33
#FFFF81
#FEFECD
#FFFFE5

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Peridot#E6E200230, 226, 059°, 100%, 45%0, 2, 100, 1088.7% 0.192 108
Big Yellow Taxi#FFFF33255, 255, 5160°, 100%, 60%0, 0, 80, 096.9% 0.201 110
Butter#FFFF81255, 255, 12960°, 100%, 75%0, 0, 49, 097.5% 0.148 109
Ice Yellow#FEFECD254, 254, 20560°, 96%, 90%0, 0, 19, 098.5% 0.063 108
La Luna#FFFFE5255, 255, 22960°, 100%, 95%0, 0, 10, 099.3% 0.034 107

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E6E200 on #FFFFE51.36:1—
Aa #E6E200 on #FEFECD1.33:1—
Aa #E6E200 on #FFFF811.30:1—
Aa #E6E200 on #FFFF331.29:1—
Aa #FFFF33 on #FFFFE51.06:1—
Aa #FFFF81 on #FFFFE51.04:1—

CSS variables

:root {
  --color-1: #e6e200; /* Peridot */
  --color-2: #ffff33; /* Big Yellow Taxi */
  --color-3: #ffff81; /* Butter */
  --color-4: #fefecd; /* Ice Yellow */
  --color-5: #ffffe5; /* La Luna */
}

Other schemes from Butter

More light yellow monochromatic color schemes

Questions

What colors go with Butter?

In a monochromatic scheme: Peridot (#E6E200), Big Yellow Taxi (#FFFF33), Ice Yellow (#FEFECD), La Luna (#FFFFE5).

What is the hex code of Butter?

#FFFF81.