Soft Pumpkin Complementary Color Scheme
Five colors arranged by the complementary rule around Soft Pumpkin (#DC8E31), each snapped to its nearest named color.
#DC8E31
#E8B87F
#307DD3
#1F5DA0
#88BBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Soft Pumpkin | #DC8E31 | 220, 142, 49 | 33°, 71%, 53% | 0, 35, 78, 14 | |
| Polvo de Oro | #E8B87F | 232, 184, 127 | 33°, 70%, 70% | 0, 21, 45, 9 | |
| Soothing Sapphire | #307DD3 | 48, 125, 211 | 212°, 65%, 51% | 77, 41, 0, 17 | |
| Drakenhof Nightshade | #1F5DA0 | 31, 93, 160 | 211°, 68%, 37% | 81, 42, 0, 37 | |
| Electric Eel | #88BBEE | 136, 187, 238 | 210°, 75%, 73% | 43, 21, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8B87F on #1F5DA0 | 3.70:1 | AA large |
| Aa #1F5DA0 on #88BBEE | 3.32:1 | AA large |
| Aa #DC8E31 on #1F5DA0 | 2.54:1 | — |
| Aa #E8B87F on #307DD3 | 2.32:1 | — |
| Aa #307DD3 on #88BBEE | 2.08:1 | — |
| Aa #307DD3 on #1F5DA0 | 1.60:1 | — |
CSS variables
:root {
--color-1: #dc8e31; /* Soft Pumpkin */
--color-2: #e8b87f; /* Polvo de Oro */
--color-3: #307dd3; /* Soothing Sapphire */
--color-4: #1f5da0; /* Drakenhof Nightshade */
--color-5: #88bbee; /* Electric Eel */
}Other schemes from Soft Pumpkin
- Soft Pumpkin Analogous Color Scheme#D33479#D83432#DC8E31#D2DB32#75DE2F
- Soft Pumpkin Triadic Color Scheme#DC8E31#33DD88#8833DD#EEBB88#1BA169
- Soft Pumpkin Split-complementary Color Scheme#DC8E31#30D5C8#243BCD#A16717#6FEBE3
- Soft Pumpkin Tetradic Color Scheme#DC8E31#3BDE39#307DD3#CC33CC#EEBB88
- Soft Pumpkin Monochromatic Color Scheme#663311#A16717#DC8E31#E5B572#F3D7B6
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 Soft Pumpkin?
In a complementary scheme: Polvo de Oro (#E8B87F), Soothing Sapphire (#307DD3), Drakenhof Nightshade (#1F5DA0), Electric Eel (#88BBEE).
What is the hex code of Soft Pumpkin?
#DC8E31.