Dark orange color: code #FF8C00
Dark orange
#FF8C00
Color codes
- HEX
#FF8C00 - RGB
rgb(255, 140, 0) - HSL
hsl(33, 100%, 50%) - HSV
hsv(33, 100%, 100%) - CMYK
cmyk(0%, 45%, 100%, 0%) - LAB
lab(69.5% 36.8 75.5) - OKLCH
oklch(75.1% 0.179 58.3)
About the color Dark orange
Dark orange has the HEX code #FF8C00, which corresponds to rgb(255, 140, 0) in the RGB model. On the color wheel its hue sits at 33°, with 100% saturation and 50% lightness (hsl(33, 100%, 50%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 9.00:1 contrast ratio on it, versus 2.33:1 for white.
For print, the approximate conversion is cmyk(0%, 45%, 100%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Dark orange
Complementary
#FF8C00 · #0073FF
Analogous
#FF0D00 · #FF8C00 · #F2FF00
Triadic
#FF8C00 · #00FF8C · #8C00FF
Tetradic
#FF8C00 · #00FF0D · #0073FF · #FF00F2
Split-complementary
#FF8C00 · #00F2FF · #0D00FF
Monochromatic
#804600 · #CC7000 · #FF8C00 · #FFAF4D · #FFD199
Dark orange with white and black text
How to use it in CSS
:root {
--color-dark-orange: #FF8C00;
--color-dark-orange-rgb: 255, 140, 0;
}
.elemento {
background-color: var(--color-dark-orange);
color: #000000;
}