CSS named color
DarkOrange
#FF8C00
HEX
#ff8c00RGB
rgb(255, 140, 0)HSL
hsl(33, 100%, 50%)OKLCH
oklch(75.05% 0.1791 58.28)NAME
darkorangePalette
Complementary
180° on the color wheelComplement
#0073FF
Analogous
±30° around the base hueLeft
#FF0D00
Right
#F2FF00
Triadic
±120° for harmonic contrastTriad 1
#00FF8C
Triad 2
#8C00FF
Shades
Lighter and darker variantsCSS usage
By name
color: darkorange;
background-color: darkorange;By HEX
color: #ff8c00;
background-color: #ff8c00;By RGB
color: rgb(255, 140, 0);
background-color: rgb(255, 140, 0);By HSL
color: hsl(33, 100%, 50%);
background-color: hsl(33, 100%, 50%);WCAG contrast vs white
Aa
2.33:1
Below minimum
WCAG contrast vs black
Aa
9.00:1
AAA
Related colors
FAQ — DarkOrange
What is the HEX code for DarkOrange?
The HEX code for DarkOrange is #FF8C00. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkorange; or color: #ff8c00;
What is DarkOrange in RGB?
DarkOrange in RGB is rgb(255, 140, 0) — red 255, green 140, blue 0.
What is DarkOrange in HSL?
DarkOrange in HSL is hsl(33, 100%, 50%) — hue 33°, saturation 100%, lightness 50%.
What is the complementary color of DarkOrange?
The complementary color (directly opposite DarkOrange on the color wheel) is #0073FF. The two together produce maximum contrast.
Is white text readable on DarkOrange?
The WCAG contrast ratio against white (#FFFFFF) is 2.33:1, and against black (#000000) it's 9.00:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.