What is the hex code for DarkOrange?

The hex code for DarkOrange is #FF8C00.

What is the RGB value of DarkOrange?

The RGB value of DarkOrange is rgb(255, 140, 0).

What is the HSL value of DarkOrange?

The HSL value of DarkOrange is hsl(33, 100%, 50%).

What is the HSV value of DarkOrange?

The HSV value of DarkOrange is hsv(33, 100%, 100%).

What CSS code do I use for DarkOrange?

Use background-color: #FF8C00; for background, color: #FF8C00; for text, or border: 1px solid #FF8C00; for borders.

DarkOrange Hex #FF8C00: HTML Color Code & Gradients

DarkOrange (#FF8C00) Color Codes & Gradients

Color Preview

Make a gradient with DarkOrange →

Opens DarkOrange with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download.

Want a palette around DarkOrange? Use the Color Palette Generator →

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

HTML Name	darkorange
Hex	#FF8C00
RGB	rgb(255, 140, 0)
HSV	hsv(33, 100%, 100%)
HSL	hsl(33, 100%, 50%)
OKLCH	oklch(75.05% 0.1791 58.28)

What is the color name for #FF8C00?

#FF8C00 color name is DarkOrange.

Color Information

The HTML color DarkOrange has the hexadecimal code #FF8C00 and in the RGB color space is composed of 100% red, 55% green, and 0% blue. The color DarkOrange has a hue angle of 32.9 degrees, a saturation of 100% and a lightness of 50%.

DarkOrange CSS Code Snippets

.bg-darkorange { background-color: #FF8C00; }

.text-darkorange { color: #FF8C00; }

.border-darkorange { border: 1px solid #FF8C00; }

.gradient-shade-darkorange { background: linear-gradient(135deg, #FF8C00, #A35A00); }

.gradient-tint-darkorange { background: linear-gradient(135deg, #FF8C00, #FFB55C); }

.gradient-mono-darkorange { background: linear-gradient(135deg, #FF8C00, #DB7800); }

DarkOrange Shades

#F08400

#E07B00

#D17300

#C26A00

#B36200

#A35A00

DarkOrange Tints

#FF930F

#FF9A1F

#FFA12E

#FFA83D

#FFAF4D

#FFB55C

DarkOrange Tones

#EE8A11

#DE8921

#CD8732

#BD8642

#AC8453

#9C8263

DarkOrange Monochromatic

#DB7800

#B66400

#925000

#6D3C00

#492800

#241400

Similar Colors to DarkOrange

#FF3700

#FF5900

#FF7B00

#FF9D00

#FFBF00

#FFE100

DarkOrange Color Harmonies

Complementary Open in the color wheel →

#FF8C00

#0073FF

Analogous Open in the color wheel →

#FF0073

#FF0C00

#FF8C00

#F3FF00

#73FF00

Triadic Open in the color wheel →

#FF8C00

#00FF8C

#8C00FF

Split Complementary Open in the color wheel →

#FF8C00

#00F2FF

#0D00FF

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator

DarkOrange (#FF8C00) Color Codes & Gradients

Color Preview

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

What is the color name for #FF8C00?

Color Information

DarkOrange CSS Code Snippets

DarkOrange Shades

DarkOrange Tints

DarkOrange Tones

DarkOrange Monochromatic

Similar Colors to DarkOrange

DarkOrange Color Harmonies

Generate a Gradient