Huebook

Buzz Analogous Color Scheme

Five colors arranged by the analogous rule around Buzz (#F0C641), each snapped to its nearest named color.

#EE4466
#F37042
#F0C641
#C0E740
#66FF55

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Smudged Lips#EE4466238, 68, 102348°, 83%, 60%0, 71, 57, 764.1% 0.205 14
Chinese Orange#F37042243, 112, 6616°, 88%, 61%0, 54, 73, 569.5% 0.173 39
Buzz#F0C641240, 198, 6546°, 85%, 60%0, 17, 73, 684.1% 0.151 91
Energos#C0E740192, 231, 6474°, 78%, 58%17, 0, 72, 987.1% 0.190 122
Biopunk#66FF55102, 255, 85114°, 100%, 67%60, 0, 67, 088.5% 0.246 142

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EE4466 on #66FF552.83:1—
Aa #EE4466 on #C0E7402.61:1—
Aa #EE4466 on #F0C6412.27:1—
Aa #F37042 on #66FF552.22:1—
Aa #F37042 on #C0E7402.05:1—
Aa #F37042 on #F0C6411.78:1—

CSS variables

:root {
  --color-1: #ee4466; /* Smudged Lips */
  --color-2: #f37042; /* Chinese Orange */
  --color-3: #f0c641; /* Buzz */
  --color-4: #c0e740; /* Energos */
  --color-5: #66ff55; /* Biopunk */
}

Other schemes from Buzz

More medium yellow analogous color schemes

Questions

What colors go with Buzz?

In a analogous scheme: Smudged Lips (#EE4466), Chinese Orange (#F37042), Energos (#C0E740), Biopunk (#66FF55).

What is the hex code of Buzz?

#F0C641.