Dark Orange (CSS)

Dark Orange (CSS) is a medium, saturated orange color with the hex code #FF8C00 (hue 33°, saturation 100%, lightness 50%). It is also the CSS named color darkorange.

#FF8C00

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Dark Orange (CSS)	`#FF8C00`	255, 140, 0	33°, 100%, 50%	0, 45, 100, 0	75.1% 0.179 58

Contrast with white text 2.33:1, with black text 9.00:1 — use black text on Dark Orange (CSS).

darkorange is one of the 148 named colors in CSS, with exactly this value, so color: darkorange works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#FFE8CC

#FFC580

#FFA333

#E67E00

#995400

#4D2A00

Colors that go with Dark Orange (CSS)

Six color schemes built on Dark Orange (CSS) with classic harmony rules. The complementary scheme pairs it with Brandeis Blue (#0070FF), the color opposite it on the color wheel.

Nearest CSS named colors

Orange (orange): Orange (#FFA500) is lighter than Dark Orange (CSS) (relative luminance 0.482 vs 0.400) and equally saturated, with its hue 6° away.
Coral (coral): Coral (#FF7F50) is darker than Dark Orange (CSS) (relative luminance 0.370 vs 0.400) and equally saturated, with its hue 17° away.
Sandy Brown (sandybrown): Sandy Brown (#F4A460) is lighter than Dark Orange (CSS) (relative luminance 0.466 vs 0.400) and less saturated, with its hue 5° away.
Goldenrod (CSS) (goldenrod): Goldenrod (CSS) (#DAA520) is about as light as Dark Orange (CSS) (relative luminance 0.419 vs 0.400) and less saturated, with its hue 10° away.

Gradients with Dark Orange (CSS)

Similar medium orange colors

Questions

What is the hex code for Dark Orange (CSS)?

#FF8C00 — RGB 255, 140, 0, HSL 33°, 100%, 50%.

Is Dark Orange (CSS) a warm or cool color?

Warm — its hue sits at 33° on the color wheel.