Pumpkin is a medium, vivid shade in the orange color family, with a warm feel. Its HEX code is #FF7518, which equals rgb(255, 117, 24) in RGB and hsl(24, 100%, 55%) in HSL. In print terms it converts to roughly C0 M54 Y91 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF7518 - RGB
255, 117, 24 - HSL
24°, 100%, 55% - CMYK
0, 54, 91, 0 - Family
Orange - Tone
Medium, vivid
About Pumpkin
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 7.81:1. Its complementary color is #1AA3FF.
Download Pumpkin as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pumpkin color codes
| HEX | #FF7518 |
|---|---|
| RGB | rgb(255, 117, 24) |
| HSL | hsl(24, 100%, 55%) |
| HSV | 24°, 91%, 100% |
| CMYK | 0%, 54%, 91%, 0% |
| Decimal | 16741656 |
Shades and tints of Pumpkin
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFE8D9 - 100
#FFD1B2 - 200
#FFBA8C - 300
#FFA365 - 400
#FF8C3F - 500
#FF7518 - 600
#D56214 - 700
#AA4E10 - 800
#803B0C - 900
#552708 - 950
#2B1404
Color harmonies for Pumpkin
- Complementary
#1AA3FF≈ Medium Light Azure - Analogous −30°
#FF1A30≈ Medium Light Red - Analogous +30°
#FFE81A≈ Medium Light Gold - Triadic +120°
#1AFF75≈ Medium Light Malachite - Triadic +240°
#751AFF≈ Medium Light Periwinkle - Split 150°
#1AFFE8≈ Medium Light Teal - Split 210°
#1A30FF≈ Medium Light Blue
Contrast and accessibility of Pumpkin
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pumpkin | Aa | 2.69:1 | Fails |
| Black text on Pumpkin | Aa | 7.81:1 | AAA (excellent) |
CSS code for Pumpkin
background-color: #FF7518;color: #FF7518;background-color: rgb(255, 117, 24);background-color: hsl(24, 100%, 55%);:root { --color-pumpkin: #FF7518; }class="bg-[#FF7518]"Colors similar to Pumpkin
- Medium Light Persimmon
#FF7E29 - Medium Light Cinnabar
#FF6929 - Pure Orange
#FF8000 - Pure Persimmon
#FF6600 - Bright Persimmon
#E66B19 - Bright Orange
#E68019 - Tangerine
#F28500 - Dark Orange
#FF8C00 - Medium Light Bright Cinnabar
#EA723E - Medium Light Orange
#FF9429 - Medium Light Vermilion
#FF5429 - Medium Light Bright Persimmon
#EA833E
More orange shades
- Amber
#FFBF00 - Champagne
#F7E7CE - Bronze
#CD7F32 - Copper
#B87333 - Marigold
#EAA221 - Tangerine
#F28500 - Apricot
#FBCEB1 - Peach
#FFE5B4 - Pure Cinnabar
#FF4D00 - Medium Light Cinnabar
#FF6929 - Light Cinnabar
#FF8652
Frequently asked questions
What is the HEX code for Pumpkin?
The HEX code for Pumpkin is #FF7518.
What is the RGB value of Pumpkin?
Pumpkin has an RGB value of 255, 117, 24 (rgb(255, 117, 24)). In HSL it is 24°, 100%, 55%.
What text color should I use on Pumpkin?
Use black text on Pumpkin. White text has a contrast ratio of 2.69:1 and black text has 7.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pumpkin?
The complementary color of Pumpkin is #1AA3FF. Analogous colors #FF1A30 and #FFE81A also pair well.