#FF7518
Pumpkin
Pumpkin is a bright, vivid orange associated with autumn, Halloween, and harvest. It is festive, fun, and warmly inviting.
Pumpkin Color Values
HEX#FF7518
RGB255, 117, 24
HSL24°, 100%, 55%
HSV24°, 91%, 100%
CMYK0%, 54%, 91%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #9D8A00 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #BEAA0D (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF5565 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #AAAAAA (~0.003% of population)
Pumpkin as Text Color
Pumpkin on White
2.7:1FAIL
Pumpkin on Light Gray
2.5:1FAIL
Pumpkin on Cream
2.5:1FAIL
Pumpkin on Dark
6.3:1AA
Pumpkin on Black
7.8:1AAA
Pumpkin on Soft Blue
2.4:1FAIL
Pumpkin on Soft Green
2.4:1FAIL
Pumpkin on Soft Pink
2.2:1FAIL
Nearest Tailwind Class
orange-500
#F97316
Nearest Pantone Match
Pantone 158 C
#E87722
CSS Variable Export
:root {
--color-pumpkin: #FF7518;
--color-pumpkin-rgb: 255, 117, 24;
}Tailwind Config
// tailwind.config.js
colors: {
'pumpkin': '#FF7518',
}Shades of Pumpkin
#FF751A
#FA6400
#DB5800
#BD4B00
#9E3F00
#7A3100
#5C2500
#3D1800
#1F0C00
#000000
Tints of Pumpkin
#FF751A
#FF8533
#FF944D
#FFA366
#FFB380
#FFC299
#FFD1B3
#FFE0CC
#FFF0E5
#FFFFFF
Color Harmonies
Complementary
#FF7518
#1AA3FF
Analogous
#FF1A30
#FF751A
#FFE81A
Triadic
#FF751A
#1AFF75
#751AFF
Pumpkin Text Preview
Heading in Pumpkin
Body text in Pumpkin. The quick brown fox jumps over the lazy dog.
White on Pumpkin
Body text on a Pumpkin background.
Pumpkin text on dark background
Contrast: 6.6:1