Darkgoldenrod colour (#B8860B)
Darkgoldenrod is medium an orange with hex code #B8860B, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 184, 134, 11; in HSL 43°, 89%, 38%. Use the tool to explore shades and harmonies.
How to use the Darkgoldenrod colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Darkgoldenrod in every format
| Format | Value |
|---|---|
| HEX | #B8860B |
| RGB | rgb(184, 134, 11) |
| RGB (0–1) | 0.722, 0.525, 0.043 |
| HSL | hsl(43, 89%, 38%) |
| CMYK (approx.) | 0%, 27%, 94%, 28% |
| CSS | color: darkgoldenrod; |
Shades and tints of Darkgoldenrod
Same hue and saturation, lightness from 90% to 10%:
#fcefcf | #f9e09f | #f7d06e | #f4c03e | #f1b10e | #c18d0b | #916a08 | #604706 | #302303 |
Colours that go with Darkgoldenrod
| Harmony | Colours | |
|---|---|---|
| Complementary | #0b3cb7 | |
| Triadic | #0bb786 | #860bb7 |
| Analogous | #92b70b | #b7300b |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| chocolate | #d2691e | close |
| goldenrod | #daa520 | close |
| peru | #cd853f | close |
| olive | #808000 | close |
| sienna | #a0522d | close |
Accessibility
Contrast ratio of Darkgoldenrod against white is 3.25:1 (fails WCAG AA for normal text) and against black 6.45:1 (passes). Use black or very dark text on a Darkgoldenrod background rather than white.
Frequently asked questions
What is the hex code for Darkgoldenrod?
#B8860B.
What is Darkgoldenrod in RGB?
rgb(184, 134, 11).
What colour is complementary to Darkgoldenrod?
#0b3cb7, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.