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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Butternut Squash | #FC7604 | 252, 118, 4 | 28°, 98%, 50% | 0, 53, 98, 1 | |
| Sailing Tangerine | #FFA857 | 255, 168, 87 | 29°, 100%, 67% | 0, 34, 66, 0 | |
| Too Blue to Be True | #0088FF | 0, 136, 255 | 208°, 100%, 50% | 100, 47, 0, 0 | |
| Cobalt Stone | #0264AE | 2, 100, 174 | 206°, 98%, 35% | 99, 43, 0, 32 | |
| Broken Blue | #74BBFB | 116, 187, 251 | 208°, 94%, 72% | 54, 25, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFA857 on #0264AE | 3.20:1 | AA large |
| Aa #0264AE on #74BBFB | 2.98:1 | — |
| Aa #FC7604 on #0264AE | 2.25:1 | — |
| Aa #FFA857 on #0088FF | 1.84:1 | — |
| Aa #0088FF on #0264AE | 1.74:1 | — |
| Aa #0088FF on #74BBFB | 1.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
- Butternut Squash Analogous Color Scheme#FF0789#FF000D#FC7604#FFF005#89FE05
- Butternut Squash Triadic Color Scheme#FC7604#00FF77#6F00FE#FEAA66#01B44C
- Butternut Squash Split-complementary Color Scheme#FC7604#00FFEF#0011FF#AA5500#56F7F3
- Butternut Squash Tetradic Color Scheme#FC7604#0AFF02#0088FF#EE00FF#FEAA66
- Butternut Squash Monochromatic Color Scheme#663300#AA5500#FC7604#FF9E4B#FFC69D
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
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.