Skip to the color picker

Pumpkin color: #ff7518

Pumpkin is #ff7518, rgb(255, 117, 24) in RGB and oklch(71.642% 0.19063 47.137) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

24°
100%

71.6%
0.191
47°
  • Orange
  • Light
  • Vivid
  • Warm
  • orange-500
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.69:1Hard to read
Lc -57
Black text
7.81:1Readable · AA
Lc 53

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Pumpkin

Similar named colors

Questions about Pumpkin

What is the hex code for Pumpkin?

The hex code for Pumpkin is #ff7518. In RGB it is rgb(255, 117, 24), in HSL hsl(24.16, 100%, 54.71%) and in OKLCH oklch(71.642% 0.19063 47.137).

What colors go well with Pumpkin?

Its complementary color is #00b5f1. For a calmer look, pair it with the analogous colors #ff6777 and #dd9200. Ready palettes with Pumpkin are shown on this page.

Is Pumpkin a warm or cool color?

Pumpkin is a warm color with an OKLCH hue of 47 degrees.

What text color is readable on Pumpkin?

Black text is more readable on Pumpkin: white gives a contrast ratio of 2.69:1 and black gives 7.81:1. WCAG AA asks for at least 4.5:1 for body text.

About #ff7518

#ff7518 is a bright light orange color. In OKLCH it has 71.6% lightness, 0.191 chroma and a hue of 47°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.69:1 contrast and black text 7.81:1, so black text reads better.

The closest named color is Pumpkin (#ff7518). In Tailwind CSS the closest color is orange-500.

More light orange colors

Lighter: #ff7518 mixed with white

  1. ff7518

Darker: #ff7518 mixed with black

  1. ff7518

Calmer: #ff7518 with less saturation

  1. ff7518

Similar named colors

  • Pumpkin#ff7518

Colors that go with #ff7518

Complementary
#ff7518
Analogous
#ff7518
Triadic
#ff7518
Split
#ff7518