Colormapped
Color reference

Dark Orange #FF8C00

Dark Orange is the CSS named color darkorange at #FF8C00, a saturated orange darker than the standard orange keyword.

Dark Orange is the CSS named color keyword darkorange, standardized at #FF8C00 in sRGB.

Dark Orange #FF8C00 9.00:1 with black text

Color values

HEX#FF8C00
RGBrgb(255, 140, 0)
HSLhsl(33 100% 50%)
HSV33°, 100%, 100%
CMYK0%, 45%, 100%, 0%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 9.00:1 — AA normal text passes
White text 2.33:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Dark Orange

These steps are computed by RGB-mixing #FF8C00 toward white or black. They are generated values, not official named colors.

80% tint #FFE8CC
60% tint #FFD199
40% tint #FFBA66
20% tint #FFA333
Base #FF8C00
20% shade #CC7000
40% shade #995400
60% shade #663800
80% shade #331C00

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: darkorange;
}

You can use either darkorange or #FF8C00 in CSS; both resolve to the same sRGB color.