Dark Goldenrod #B8860B
Dark Goldenrod is a medium-light, moderately saturated orange with hex code #B8860B and RGB rgb(184, 134, 11).
Aa
Black text reads best on this color (6.45:1).
About this color
#B8860B is a medium-light, moderately saturated orange. In OKLCH its lightness is 65%, its chroma 0.132 and its hue 82°. Its hue sits on the warm side of the wheel. It is the named color Dark Goldenrod. Black text reads best on it, at 6.45:1.
| Hue family | Oranges |
| Lightness | medium-light (65%) |
| Chroma | moderately saturated (0.132) |
| Temperature | warm |
| Nearest name | Dark Goldenrod |
| Black text | 6.45:1 |
| White text | 3.25:1 |
Colors that go with Dark Goldenrod
Matches found by rotating Dark Goldenrod around the OKLCH hue wheel, each labelled with the closest name in our list.
Complementary
The opposite hue (180°).
Analogous
Neighbouring hues, 30° either side.
Triadic
Three hues spaced 120° apart.
Color palettes with Dark Goldenrod
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Dark Goldenrod, closest first.
Similar named colors
The eight named colors closest to Dark Goldenrod, with their ΔE distance.
- Yellowy Brown #AE8B0C ΔE 0.020
- Dark Mustard #A88905 ΔE 0.028
- Ochre #BF9005 ΔE 0.030
- Mustard Brown #AC7E04 ΔE 0.030
- Golden Brown #B27A01 ΔE 0.033
- Dark Gold #B59410 ΔE 0.036
- Yellow Brown #B79400 ΔE 0.037
- Dark Tan #AF884A ΔE 0.040
More about Dark Goldenrod
How to make Dark Goldenrod
A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.
- 1 part yellow
- 1 part brown
Recipe result: #B8872F, a difference of ΔE 0.017 from Dark Goldenrod. That is very close: most people will not see the difference.
Codes for Dark Goldenrod in every format
| HEX | #B8860B |
| RGB | rgb(184, 134, 11) |
| HSL | hsl(43, 89%, 38%) |
| OKLCH | oklch(65.2% 0.132 81.6) |
Contrast
WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.
| Pair | WCAG 2 | Result | APCA | APCA guidance |
|---|---|---|---|---|
| White text on #B8860B | 3.25:1 | AA large text | Lc -65.0 | Content text, not long reading |
| Black text on #B8860B | 6.45:1 | AA | Lc 44.5 | Non-text elements, placeholder text |
| #B8860B text on white | 3.25:1 | AA large text | Lc 59.6 | Large or bold text, headings |
| #B8860B text on black | 6.45:1 | AA | Lc -42.1 | Non-text elements, placeholder text |
Shades and tints of Dark Goldenrod
A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 500.
-
Step 50
50
#F8F5EF
oklch(97.1% 0.009 84.6)
-
Step 100
100
#F0E9DC
oklch(93.6% 0.019 83.1)
-
Step 200
200
#E5D7BF
oklch(88.4% 0.036 81.3)
-
Step 300
300
#D6BD91
oklch(80.9% 0.065 81.5)
-
Step 400
400
#C19A50
oklch(70.7% 0.103 81.8)
-
Step 500
500 (this color)
#B8860B
oklch(65.2% 0.132 81.6)
-
Step 600
600
#956B00
oklch(55.6% 0.115 81.4)
-
Step 700
700
#7D5A00
oklch(49.1% 0.101 82.2)
-
Step 800
800
#674900
oklch(42.7% 0.088 81.6)
-
Step 900
900
#563C00
oklch(37.6% 0.078 81.1)
-
Step 950
950
#342301
oklch(27% 0.055 80.7)
Dark Goldenrod with color blindness
Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.
| Vision | Seen as | Shift (ΔE) |
|---|---|---|
| Protanopia (no red cones) | #9A8700 | 0.051 |
| Deuteranopia (no green cones) | #A69416 | 0.044 |
| Tritanopia (no blue cones) | #C97772 | 0.116 |
| Achromatopsia (no color) | #8F8F8F | 0.132 |
Use Dark Goldenrod in your product
Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.