A vivid medium orange, black text passes AA
What color is darkgoldenrod?
The CSS named color darkgoldenrod is #b8860b, or rgb(184 134 11): a vivid medium orange in plain words. Black text on it reaches 6.45:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | darkgoldenrod |
| Hex | #b8860b |
| RGB | rgb(184 134 11) |
| HSL | hsl(43 89% 38%) |
| OKLCH | oklch(65.2% 0.132 81.6) |
| Nearest Tailwind color | yellow-600 #d08700, 0.041 away in OKLab |
| White text | 3.25:1: AA fails, AAA fails, large text passes |
| Black text | 6.45:1: AA passes, AAA fails, large text passes |
About darkgoldenrod
In OKLCH terms darkgoldenrod has a lightness of 65.2%, a chroma of 0.132 and a hue of 81.6 degrees, a vivid medium orange to the eye.
Its HSL lightness, 38%, says little about how light darkgoldenrod looks; OKLCH, made to match the eye, measures 65.2%, 27 points away. No CSS keyword matches it; peru (#cd853f) is the nearest, 0.051 away in OKLab, a clear step off.
With black text, darkgoldenrod passes AA at 6.45:1. White text, at 3.25:1, does not. Its neighbors in the hue-sorted list of names are peru and chocolate.
The closest Tailwind 4.3.3 color is yellow-600, 0.041 away in OKLab, so bg-yellow-600 comes near; bg-[#b8860b] gives the color itself.
Tints and shades
- #f3ebdc
- #e8d7b9
- #dcc295
- #d0ae71
- #c49a4a
- #b8860b
- #906806
- #694b03
- #453001
- #241700
- #070400
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
- #b8860b
- #c1f6f8
- #66542b
- #d3a8d7
- #092123
Locked as the first of five swatches, darkgoldenrod gets #c1f6f8, #66542b, #d3a8d7, #092123 from Recolor's generator, a triadic palette, three hues a third of the wheel apart. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using darkgoldenrod
As a text color, darkgoldenrod on a black page gives the same 6.45:1.
.notice {
background-color: darkgoldenrod; /* #b8860b */
color: black; /* 6.45:1 */
}Common questions
Does white text pass WCAG AA on darkgoldenrod?
No. White text measures 3.25:1 on darkgoldenrod, under AA's 4.5:1; black text measures 6.45:1 and passes.
Can darkgoldenrod be written in OKLCH?
Yes: oklch(65.2% 0.132 81.6), computed from #b8860b. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkgoldenrod?
No. The nearest, peru (#cd853f), is 0.051 away in OKLab, a different color.