Dark Orange#FF8C00

Dark Orange Hex Code: #FF8C00

Dark Orange is a light, vivid orange. Its OKLCH lightness is 75% and chroma 0.179. Text on this color reads best in black (contrast 9.00:1).

HEX	`#FF8C00`
RGB	`rgb(255, 140, 0)`
HSL	`hsl(33, 100%, 50%)`
HSV / HSB	`hsv(33, 100%, 100%)`
CMYK	`cmyk(0%, 45%, 100%, 0%)`
OKLCH	`oklch(75.1% 0.179 58.3)`

Open in converter →

Contrast

White text2.33:1

AAAA largeAAA

Black text9.00:1

AAAA largeAAA

On white2.33:1

AAAA largeAAA

On black9.00:1

AAAA largeAAA

Matching colors

Complementary

#FF8C00Dark Orange#0073FF

Analogous

#FF8C00Dark Orange#FF0C00Red#F3FF00Yellow

Triadic

#FF8C00Dark Orange#00FF8CSpring Green#8C00FFViolet Purple

Split complementary

#FF8C00Dark Orange#00F2FF#0D00FFBlue

Similar named colors

Tangerine#F28500Pumpkin Orange#FF7518Orange#FFA500Coral#FF7F50Sandy Brown#F4A460Yellow Orange#FFAE42Goldenrod#DAA520Light Salmon#FFA07A

All color names →

Code

CSS	`color: #FF8C00;`
Tailwind	`bg-[#ff8c00]`
SwiftUI	`Color(red: 1, green: 0.549, blue: 0)`
Android	`Color.parseColor("#FF8C00")`
Flutter	`Color(0xFFFF8C00)`

Dark Orange is a CSS named color (darkorange); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for dark orange?

Dark Orange is #FF8C00 in hex and rgb(255, 140, 0) in RGB.

What is dark orange in CMYK?

With the plain conversion formula it is cmyk(0, 45, 100, 0). For print, convert with your printer's ICC profile instead.

What text color works on dark orange?

Black text has the higher contrast at 9.00:1, which passes WCAG AA for normal text (4.5:1).