Pumpkin is a warm, rustic color blending orange and brown, sitting near red on the color wheel. It's an autumn staple, evoking coziness and harvest vibes. Think spices and falling leaves. Perfect for adding warmth to seasonal palettes or invoking a Halloween theme. Try using it in festive designs!
Pumpkin is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FF7518
- RGB value: 100.0% red, 45.9% green, 9.4% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as pumpkin, consider:
- Burnt Orange (#be5103): Burnt Orange exudes a similar warm, earthy feel to Pumpkin, with a slightly darker edge, evoking a rustic color reminiscent of crispy autumn leaves.
- Terracotta (#e35336): Terracotta shares Pumpkin's earthy tones with a hint of red, resembling clay pottery and bringing a cozy, natural warmth to any palette.
- Tangerine (#ffa800): Tangerine captures the vividness of a freshly peeled fruit, paralleling Pumpkin's brightness and playful autumn shade yet leaning a bit more towards the cheerful side.
- Amber (#ffbf00): Amber offers a golden glow like Pumpkin, balancing bright orange hue with a rich, deep warmth, perfect for fall palettes and harvest tones.
To complement Pumpkin, consider pairing it with:
- Mint Green (#ADEBB3): This refreshing hue offers a cool contrast to Pumpkin's warm undertones, bringing balance and a touch of vibrancy to the fall palette.
- Navy Blue (#000080): Navy blue’s deep, rich tones blend seamlessly with Pumpkin, providing a sophisticated backdrop that enhances the warmth of autumn shades.
- Cream (#FDFBD4): This soft, neutral tone allows Pumpkin’s orange hue to stand out, creating a cozy and inviting theme perfect for seasonal color schemes.
- Charcoal (#4A4A4A): Pairing Pumpkin with charcoal introduces a modern contrast while maintaining the rustic color feel, highlighting both colors' distinct qualities.
While Pumpkin evokes the warmth of autumn shade and harvest tones, it may clash with:
- Cinnabar (#E84B3D): This color's vibrant intensity can overshadow Pumpkin’s softer, rustic color, leading to an overpowering combination.
- Scarlet (#ED2100): The boldness of Scarlet may compete with Pumpkin's earthy quality, resulting in a visually jarring palette.
- Bright Orange (#FF991C): Its high brightness might clash with Pumpkin’s deep, warm tones, making the combination less harmonious.
- Neon Green (#2CFF05): This bright shade can create too strong a contrast with Pumpkin, leading to a discordant and harsh visual effect.
- Electric Blue (#00F0FF): The vivid nature of Electric Blue can disrupt Pumpkin’s seasonal color, producing a combination that feels unbalanced.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Autumn Ember
Tropical Blaze
Mango Spark
Contrast checker
Contrast 2.69
- Large Text
#FF7518
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 7.81
- Large Text
#FF7518
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FF7518, known as Pumpkin, has RGB values of R:255, G:117, B:24 and CMYK values of C:0, M:54, Y:91, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FF7518 | #FF7518 |
| RGB DECIMAL | 255, 117, 24 | RGB(255,117,24) |
| RGB PERCENTAGE | 100.0, 45.9, 9.4 | RGB(100.0%,45.9%,9.4%) |
| CMYK | 0, 54, 91, 0 | |
| HSL | HSL(24.2, 100.0%, 54.7%) | HSL(24.2, 100.0%, 54.7%) |
| HSV (OR HSB) | 24.2°, 90.6, 100.0 | |
| WEB SAFE | #2551020 | #2551020 |
| BINARY | 11111111, 01110101, 00011000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.459, blue: 0.094) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.459, blue: 0.094, alpha: 1) | |
| Android - Compose | Color(0xFFFF7518) |
