Skip to the color picker

#ff7800 color: Lucky Orange

#ff7800 is rgb(255, 120, 0) in RGB and oklch(72.012% 0.19103 49.763) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

28°
100%

72%
0.191
50°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Pumpkin
  • orange-500
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.65:1Hard to read
Lc -56
Black text
7.94: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.

About #ff7800

#ff7800 is a bright light orange color. In OKLCH it has 72% lightness, 0.191 chroma and a hue of 50°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.65:1 contrast and black text 7.94:1, so black text reads better.

The closest named color is Lucky Orange (#ff7700). In Tailwind CSS the closest color is orange-500.

More light orange colors

Lighter: #ff7800 mixed with white

Darker: #ff7800 mixed with black

Calmer: #ff7800 with less saturation

Similar named colors

  • Pumpkin#ff7518

Colors that go with #ff7800

Complementary
Analogous
Triadic
Split

Questions about #ff7800

What color is #ff7800?

#ff7800 is bright light orange. The closest named color is Lucky Orange. In RGB it is rgb(255, 120, 0), in HSL hsl(28.24, 100%, 50%) and in OKLCH oklch(72.012% 0.19103 49.763).

What colors go well with #ff7800?

The complementary color of #ff7800 is #00b5f7. For a calmer combination use the analogous colors #ff6872 and #db9500. The triadic partners are #00c494 and #a58dff.

Is white or black text more readable on #ff7800?

Black text reads better on #ff7800: white gives a contrast ratio of 2.65:1 and black gives 7.94:1. WCAG AA asks for at least 4.5:1 for body text.

Is #ff7800 a warm or cool color?

#ff7800 is a warm color. In OKLCH its hue is 50 degrees, its lightness 72% and its chroma 0.191.