Pumpkin color: code #FF7518
Pumpkin
#FF7518
Color codes
- HEX
#FF7518 - RGB
rgb(255, 117, 24) - HSL
hsl(24, 100%, 55%) - HSV
hsv(24, 91%, 100%) - CMYK
cmyk(0%, 54%, 91%, 0%) - LAB
lab(65% 48.4 68.4) - OKLCH
oklch(71.6% 0.191 47.1)
About the color Pumpkin
Pumpkin has the HEX code #FF7518, which corresponds to rgb(255, 117, 24) in the RGB model. On the color wheel its hue sits at 24°, with 100% saturation and 55% lightness (hsl(24, 100%, 55%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 7.80:1 contrast ratio on it, versus 2.68:1 for white.
For print, the approximate conversion is cmyk(0%, 54%, 91%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Pumpkin
Complementary
#FF7518 · #1AA3FF
Analogous
#FF1A30 · #FF7518 · #FFE81A
Triadic
#FF7518 · #1AFF75 · #751AFF
Tetradic
#FF7518 · #30FF1A · #1AA3FF · #E81AFF
Split-complementary
#FF7518 · #1AFFE8 · #1A30FF
Monochromatic
#993D00 · #E65C00 · #FF7518 · #FFA366 · #FFD1B3
Pumpkin with white and black text
How to use it in CSS
:root {
--color-pumpkin: #FF7518;
--color-pumpkin-rgb: 255, 117, 24;
}
.elemento {
background-color: var(--color-pumpkin);
color: #000000;
}