Huebook

Buttercup Glow Tetradic Color Scheme

Five colors arranged by the tetradic rule around Buttercup Glow (#F1F458), each snapped to its nearest named color.

#F1F458
#56FCA2
#4D5AF3
#FE54A3
#FCF9BD

Color names and codes

NameHEXRGBHSLCMYK
Buttercup Glow#F1F458241, 244, 8861°, 88%, 65%1, 0, 64, 4
Illicit Green#56FCA286, 252, 162147°, 97%, 66%66, 0, 36, 1
Aquarius Mood Indigo#4D5AF377, 90, 243235°, 87%, 63%68, 63, 0, 5
Pinkella#FE54A3254, 84, 163332°, 99%, 66%0, 67, 36, 0
Cashew Cheese#FCF9BD252, 249, 18957°, 91%, 86%0, 1, 25, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #4D5AF3 on #FCF9BD4.77:1AA
Aa #F1F458 on #4D5AF34.38:1AA large
Aa #56FCA2 on #4D5AF33.89:1AA large
Aa #FE54A3 on #FCF9BD2.77:1—
Aa #F1F458 on #FE54A32.54:1—
Aa #56FCA2 on #FE54A32.26:1—

CSS variables

:root {
  --color-1: #f1f458; /* Buttercup Glow */
  --color-2: #56fca2; /* Illicit Green */
  --color-3: #4d5af3; /* Aquarius Mood Indigo */
  --color-4: #fe54a3; /* Pinkella */
  --color-5: #fcf9bd; /* Cashew Cheese */
}

Other schemes from Buttercup Glow

More Light Yellow tetradic palettes

Questions

What colors go with Buttercup Glow?

In a tetradic scheme: Illicit Green (#56FCA2), Aquarius Mood Indigo (#4D5AF3), Pinkella (#FE54A3), Cashew Cheese (#FCF9BD).

What is the hex code of Buttercup Glow?

#F1F458.