A vivid light orange, black text passes AA
What color is darkorange?
The CSS named color darkorange is #ff8c00, or rgb(255 140 0): a vivid light orange in plain words. Black text on it reaches 9.00:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | darkorange |
| Hex | #ff8c00 |
| RGB | rgb(255 140 0) |
| HSL | hsl(33 100% 50%) |
| OKLCH | oklch(75.1% 0.179 58.3) |
| Nearest Tailwind color | orange-400 #ff8904, 0.007 away in OKLab |
| White text | 2.33:1: AA fails, AAA fails, large text fails |
| Black text | 9.00:1: AA passes, AAA passes, large text passes |
About darkorange
Measured in OKLCH, darkorange comes out at lightness 75.1%, chroma 0.179 and hue 58.3 degrees: a vivid light orange.
Its HSL lightness, 50%, says little about how light darkorange looks; OKLCH, made to match the eye, measures 75.1%, 25 points away. No CSS keyword matches it; orange (#ffa500) is the nearest, 0.057 away in OKLab, a clear step off.
Black on darkorange reads at 9.00:1, enough for AAA body text; white reaches 2.33:1 and should stay off it. Its neighbors in the hue-sorted list of names are goldenrod and peru.
The closest Tailwind 4.3.3 color is orange-400, 0.007 away in OKLab, so bg-orange-400 comes very close; bg-[#ff8c00] gives the color itself.
Tints and shades
- #ffedde
- #ffdbbd
- #ffc89b
- #ffb578
- #ffa14f
- #ff8c00
- #c86d00
- #944f00
- #633300
- #361900
- #0f0400
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #ff8c00
- #6e4167
- #ffebd0
- #121c1e
- #598dd3
Around darkorange as swatch 1, Recolor's generator made a free palette, hues spread around the wheel: #6e4167, #ffebd0, #121c1e, #598dd3, drawn from a seed fixed by its hex. Open it in Recolor.
Using darkorange
As a text color, darkorange on a black page gives the same 9.00:1.
.notice {
background-color: darkorange; /* #ff8c00 */
color: black; /* 9.00:1 */
}Common questions
Does white text pass WCAG AA on darkorange?
No. White text measures 2.33:1 on darkorange, under AA's 4.5:1; black text measures 9.00:1 and passes.
Can darkorange be written in OKLCH?
Yes: oklch(75.1% 0.179 58.3), computed from #ff8c00. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkorange?
No. The nearest, orange (#ffa500), is 0.057 away in OKLab, a different color.