Skip to the color picker

Dark orange color: #ff8c00

Dark orange is #ff8c00, rgb(255, 140, 0) in RGB and oklch(75.054% 0.17911 58.283) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

33°
100%

75.1%
0.179
58°
  • Orange
  • Light
  • Vivid
  • Warm
  • orange-400
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.33:1Hard to read
Lc -50
Black text
9.00:1Readable · AA
Lc 59

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 Dark orange

Similar named colors

Questions about Dark orange

What is the hex code for Dark orange?

The hex code for Dark orange is #ff8c00. In RGB it is rgb(255, 140, 0), in HSL hsl(32.94, 100%, 50%) and in OKLCH oklch(75.054% 0.17911 58.283).

What colors go well with Dark orange?

Its complementary color is #00baff. For a calmer look, pair it with the analogous colors #ff7c6c and #dba500. Ready palettes with Dark orange are shown on this page.

Is Dark orange a warm or cool color?

Dark orange is a warm color with an OKLCH hue of 58 degrees.

What text color is readable on Dark orange?

Black text is more readable on Dark orange: white gives a contrast ratio of 2.33:1 and black gives 9:1. WCAG AA asks for at least 4.5:1 for body text.

About #ff8c00

#ff8c00 is a bright light orange color. In OKLCH it has 75.1% lightness, 0.179 chroma and a hue of 58°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.33:1 contrast and black text 9:1, so black text reads better.

The closest named color is Sun Crete (#ff8c00). In Tailwind CSS the closest color is orange-400.

More light orange colors

Lighter: #ff8c00 mixed with white

  1. ff8c00

Darker: #ff8c00 mixed with black

  1. ff8c00

Calmer: #ff8c00 with less saturation

  1. ff8c00

Similar named colors

  • Sun Crete#ff8c00

Colors that go with #ff8c00

Complementary
#ff8c00
Analogous
#ff8c00
Triadic
#ff8c00
Split
#ff8c00