Huebook

Butternut Squash Complementary Color Scheme

Five colors arranged by the complementary rule around Butternut Squash (#FC7604), each snapped to its nearest named color.

#FC7604
#FFA857
#0088FF
#0264AE
#74BBFB

Color names and codes

NameHEXRGBHSLCMYK
Butternut Squash#FC7604252, 118, 428°, 98%, 50%0, 53, 98, 1
Sailing Tangerine#FFA857255, 168, 8729°, 100%, 67%0, 34, 66, 0
Too Blue to Be True#0088FF0, 136, 255208°, 100%, 50%100, 47, 0, 0
Cobalt Stone#0264AE2, 100, 174206°, 98%, 35%99, 43, 0, 32
Broken Blue#74BBFB116, 187, 251208°, 94%, 72%54, 25, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFA857 on #0264AE3.20:1AA large
Aa #0264AE on #74BBFB2.98:1—
Aa #FC7604 on #0264AE2.25:1—
Aa #FFA857 on #0088FF1.84:1—
Aa #0088FF on #0264AE1.74:1—
Aa #0088FF on #74BBFB1.72:1—

CSS variables

:root {
  --color-1: #fc7604; /* Butternut Squash */
  --color-2: #ffa857; /* Sailing Tangerine */
  --color-3: #0088ff; /* Too Blue to Be True */
  --color-4: #0264ae; /* Cobalt Stone */
  --color-5: #74bbfb; /* Broken Blue */
}

Other schemes from Butternut Squash

More Medium Orange complementary palettes

Questions

What colors go with Butternut Squash?

In a complementary scheme: Sailing Tangerine (#FFA857), Too Blue to Be True (#0088FF), Cobalt Stone (#0264AE), Broken Blue (#74BBFB).

What is the hex code of Butternut Squash?

#FC7604.