Orange color

Dark Orange #FF8C00

#FF8C00 · rgb(255, 140, 0)

Dark Orange is the color #FF8C00. In RGB it is rgb(255, 140, 0) — 100% red, 55% green and 0% blue. Its CMYK breakdown is 0% cyan, 45% magenta, 100% yellow and 0% black, and in HSL it sits at 33° hue, 100% saturation and 50% lightness. Dark Orange is one of the 140 standard CSS / HTML color names, so color: dark-orange works in CSS. The closest web-safe color is #FF9900.

Open in color picker Convert Make a palette Check contrast

Dark Orange color codes

Hex#FF8C00

RGBrgb(255, 140, 0)

RGB %100%, 55%, 0%

HSLhsl(33, 100%, 50%)

HSV / HSBhsv(33, 100%, 100%)

CMYKcmyk(0%, 45%, 100%, 0%)

OKLCHoklch(75% 0.179 58)

Closest web-safe#FF9900

Dark Orange color meaning

Dark Orange is a bold and energetic orange — a warm color at 50% lightness and 100% saturation. Like other oranges, it is linked with warmth, enthusiasm and creativity. It feels friendly and playful, sitting between the energy of red and the cheer of yellow.

Because it is bold and energetic, dark orange works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (2.3:1), so use it for fills and backgrounds and put black text on top (9.0:1).

What colors go with Dark Orange?

Dark Orange pairs well with Royal Blue, Red, Yellow and Linen: Royal Blue sits close to its opposite on the color wheel for strong contrast, Red and Yellow are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around dark orange in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Dark Orange at a glance

Color family	Orange · warm, bold and energetic
CSS color name	Yes — `darkorange` works in CSS
As text on white	2.33:1 — not readable as text
Best text on it	Black (9.00:1)
For print (CMYK)	0% cyan, 45% magenta, 100% yellow, 0% black
Full screen	Open the dark orange screen — fill your display or download it in 4K

Contrast

Contrast ratio of Dark Orange against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 2.33:1 Black text — 9.00:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Dark Orange

Dark Orange color FAQ

What is the hex code for Dark Orange?

Dark Orange is #FF8C00, which is rgb(255, 140, 0) and hsl(33, 100%, 50%). For print it is roughly C0 M45 Y100 K0.

What colors go with Dark Orange?

Dark Orange pairs well with Royal Blue, Red, Yellow, Linen. Royal Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Dark Orange a warm or cool color?

Dark Orange is a warm color: its hue is 33°, on the red, orange and yellow side of the color wheel.

What text color looks best on Dark Orange?

Black text, with a contrast ratio of 9.0:1, which meets WCAG AA for normal text.