Pumpkin Orange

#FF7518

What color is Pumpkin Orange?

Pumpkin is a vivid orange-red, hex #FF7518, with a warm, almost glowing quality similar to the flesh of a ripe cantaloupe. It is brighter and more saturated than a terracotta, with a strong red pull that keeps it from reading as a pure orange.

What is the meaning of the color Pumpkin Orange?

Named after the pumpkin fruit, the color gained cultural footing in North America through autumn harvest traditions tied to the 17th-century Pilgrim settlements, where the orange gourd was a staple crop. By the 19th century, the word pumpkin was used in American print to describe orange-toned dyes and fabrics. The shade spread further through Halloween iconography, which became commercially dominant in the United States by the early 20th century. Crayola standardized the name with their Pumpkin crayon, introduced in 1998, anchoring it as a recognized color in American consumer culture.

RGB
255, 117, 24
HSL
24°, 100%, 55%
CMYK
0, 54, 91, 0
HSV
24°, 91%, 100%

What colors go with Pumpkin Orange?

Colors that pair well with Pumpkin include:
Deep Navy: strong cool contrast
Forest Green: earthy, harvest balance
Cream: soft, warm complement
Charcoal: grounded, bold depth
Burgundy: rich warm pairing

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF7518 color: #FF7518;
RGB 255, 117, 24 color: rgb(255, 117, 24);
RGB Percentage 100%, 46%, 9% color: rgb(100%, 46%, 9%);
CMYK 0%, 54%, 91%, 0% Not supported in CSS
HSL 24°, 100%, 55% color: hsl(24, 100%, 55%);
HSV 24°, 91%, 100% Not supported in CSS
CIE-LAB 44, 28, 31 color: lab(44% 28 31);
Decimal 16741656 Not supported in CSS

Color Variations

Shades

#FF751A
#FC6500
#E05A00
#C44F00
#A84300
#8C3800
#702D00
#542200

Tints

#FFD6BA
#FFC8A3
#FFBA8C
#FFAC75
#FF9F5E
#FF9147
#FF8330
#FF751A

Tones

#FF751A
#F47825
#E87A30
#DD7C3C
#D17E47
#C68153
#BA835E
#AF856A

Hues

#FF751A
#DDFF1A
#30FF1A
#1AFFAF
#1AA3FF
#3C1AFF
#E81AFF
#FF1A6A

Color Harmonies

Analogous

#FF1A30
Click to copy
#FF7518
Click to copy
#FFE81A
Click to copy

Complementary

#FF7518
Click to copy
#1AA3FF
Click to copy

Split Complementary

#FF7518
Click to copy
#1AFFE8
Click to copy
#1A30FF
Click to copy

Triadic

#FF7518
Click to copy
#1AFF75
Click to copy
#751AFF
Click to copy

Tetradic

#FF7518
Click to copy
#30FF1A
Click to copy
#1AA3FF
Click to copy
#E81AFF
Click to copy

Square

#FF7518
Click to copy
#30FF1A
Click to copy
#1AA3FF
Click to copy
#E81AFF
Click to copy

CSS & Dev Snippets

CSS
.pumpkin-orange {
  color: #FF7518;
}
SCSS
$pumpkin-orange: #FF7518;
RGB
rgb(255, 117, 24)

Accessibility & Contrast

White background

2.69:1
2.69
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

7.81:1
7.81
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags