Huebook

Hotter Butter Tetradic Color Scheme

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

#E68A00
#00EE11
#0055EE
#EE00CC
#FFB94E

Color names and codes

NameHEXRGBHSLCMYK
Hotter Butter#E68A00230, 138, 036°, 100%, 45%0, 40, 100, 10
Boiling Acid#00EE110, 238, 17124°, 100%, 47%100, 0, 93, 7
Opulent Blue#0055EE0, 85, 238219°, 100%, 47%100, 64, 0, 7
Ferocious Flamingo#EE00CC238, 0, 204309°, 100%, 47%0, 100, 14, 7
Floral Leaf#FFB94E255, 185, 7836°, 100%, 65%0, 27, 69, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00EE11 on #0055EE3.75:1AA large
Aa #0055EE on #FFB94E3.48:1AA large
Aa #00EE11 on #EE00CC2.40:1—
Aa #E68A00 on #0055EE2.26:1—
Aa #EE00CC on #FFB94E2.23:1—
Aa #E68A00 on #00EE111.65:1—

CSS variables

:root {
  --color-1: #e68a00; /* Hotter Butter */
  --color-2: #00ee11; /* Boiling Acid */
  --color-3: #0055ee; /* Opulent Blue */
  --color-4: #ee00cc; /* Ferocious Flamingo */
  --color-5: #ffb94e; /* Floral Leaf */
}

Other schemes from Hotter Butter

More Medium Orange tetradic palettes

Questions

What colors go with Hotter Butter?

In a tetradic scheme: Boiling Acid (#00EE11), Opulent Blue (#0055EE), Ferocious Flamingo (#EE00CC), Floral Leaf (#FFB94E).

What is the hex code of Hotter Butter?

#E68A00.