Skip to content
HB
Hue BlenderProfessional color mixing

DarkOrange — #FF8C00 HEX Color

#FF8C00rgb(255, 140, 0)
#FF8C00 color swatch
Mix this color

About DarkOrange

DarkOrange (#FF8C00) is a warm, mid, vivid orange tone with a hue of 33°, saturation of 100% and lightness of 50%. It works well for accents and energetic palettes and conveys a vibrant feeling. On a white background it reaches a contrast ratio of 2.33:1, while on black it reaches 9.00:1 — so prefer black text when using #FF8C00 as a background.

Color Codes

HEX#FF8C00
RGBrgb(255, 140, 0)
HSLhsl(33°, 100%, 50%)
CMYKcmyk(0%, 45%, 100%, 0%)
CIELABLab(69.5, 36.8, 75.5)

Accessibility & Contrast

On white
2.33:1
AA Normalfails
AA Largefails
AAA Normalfails
AAA Largefails
On black
9.00:1
AA Normalpasses
AA Largepasses
AAA Normalpasses
AAA Largepasses

Recommendation: when using #FF8C00 as a background, use black text for the highest contrast.

Color Schemes

Complementary

#FF8C00
#0073FF

Analogous

#FF0C00
#FF8C00
#F3FF00

Triadic

#FF8C00
#00FF8C
#8C00FF

Split-Complementary

#FF8C00
#00F2FF
#0D00FF

Tints & Shades

Tints (mixed with white)

#FF8C00
#FF9F40
#FFB268
#FFC58D
#FFD8B3
#FFECD8

Shades (mixed with black)

#FF8C00
#D0730D
#A45C12
#794512
#512F11
#2C1B0C

CSS Code Snippets

background-color: #FF8C00;
color: #FF8C00;
border: 2px solid #FF8C00;
background: linear-gradient(135deg, #FF8C00, #0073ff);

Code Export

css
:root {
  --color-primary: #ff8c00;
  --color-primary-rgb: 255, 140, 0;
  --color-primary-hsl: 33, 100%, 50%;
}

Explore Color Tools

Related Tools

Contrast CheckerCheck WCAG accessibility
Palette GeneratorGenerate harmonious color palettes
Color ConvertersConvert between HEX, RGB, HSL, CMYK
OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL
Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

#FF8C00
+=Amber / Orange-Red

Gold + Red

#FFA100
+=Orange

Red + Yellow

#C17900
+=Deep Ochre / Amber

Olive + Orange

#FFB97C
+=Peach / Salmon

Pink + Yellow

Frequently Asked Questions

What is the name of color #FF8C00?

Color #FF8C00 is commonly known as DarkOrange. It is a warm, mid, vivid orange tone.

Is #FF8C00 a warm or cool color?

DarkOrange (#FF8C00) is a warm color. With a hue of 33°, it falls in the orange family.

What colors go well with #FF8C00?

Colors that pair well with DarkOrange (#FF8C00) include its complementary color (#0073FF), neutral whites and warm creams, and analogous orange tones for harmonious palettes.