Dark Goldenrod

Meet Dark Goldenrod (#B8860B), a color that balances richness with a muted, earthy quality. Its deep, saturated character offers a sophisticated alternative to brighter golds, providing a sense of weight and warmth without overwhelming the eye, making it a compelling choice for modern palettes.

What color is Dark Goldenrod?

What is the meaning of Dark Goldenrod?

How do I use Dark Goldenrod (#B8860B) in UI design?

Using Dark Goldenrod color codes

Dark Goldenrod

#B8860B

Access our full UI & UX library today.

What color is Dark Goldenrod?

What is the meaning of Dark Goldenrod?

How do I use Dark Goldenrod (#B8860B) in UI design?

Using Dark Goldenrod color codes

Dark Goldenrod Code Conversions

HEX

#B8860B

LAB

59, 10, 63

RGB

184, 134, 11

XYZ

28.4, 27.3, 4.1

HSL

43°, 89%, 38%

LCH

59, 64, 81°

HSB

43°, 94%, 72%

LUV

59, 42, 60

CMYK

0, 27, 94, 28

CMYK

0, 27, 94, 28

HWB

43°, 4%, 28%

Dark Goldenrod Color Harmonies

Analogous

To find Dark Goldenrod's analogous colors, look at its neighbors on the color wheel. This combination results in a calm and unified palette.

#B82F0B

#B8860B

#93B80B

#B82F0B

#B8860B

#93B80B

Complementary

To find a vibrant partner for Dark Goldenrod, look directly across the color wheel. This complementary pairing offers the highest possible contrast.

#B8860B

#0B3DB8

#B8860B

#0B3DB8

Split Complementary

A split complementary scheme for Dark Goldenrod uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#B8860B

#0B93B8

#300BB8

#B8860B

#0B93B8

#300BB8

Triadic

Triadic colors form a vibrant, high-contrast palette by selecting three hues equidistant on the color wheel, with Dark Goldenrod serving as the anchor.

#B8860B

#0BB886

#860BB8

#B8860B

#0BB886

#860BB8

Tetradic

A tetradic scheme for Dark Goldenrod uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#B8860B

#0BB830

#0B3DB8

#B80B94

#B8860B

#0BB830

#0B3DB8

#B80B94

Square

The square color scheme pairs Dark Goldenrod with three other colors, all spaced evenly on the color wheel for a lively, contrasting effect.

#B8860B

#0BB830

#0B3DB8

#B80B94

#B8860B

#0BB830

#0B3DB8

#B80B94

Dark Goldenrod Contrast Simulation

Text Color

#

Background Color

#

6.45

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

6.45

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dark Goldenrod Color Variations

Shades

Shades of Dark Goldenrod are made by adding black, creating darker versions with more weight.

#B8860B

#9E7309

#836008

#694D06

#4F3905

#352603

#1A1302

#000000

#B8860B

#9E7309

#836008

#694D06

#4F3905

#352603

#1A1302

#000000

Tints

Tints are lighter versions of Dark Goldenrod, created by adding white for a softer feel.

#B8860B

#C2972E

#CCA951

#D6BA74

#E1CB96

#EBDCB9

#F5EEDC

#FFFFFF

#B8860B

#C2972E

#CCA951

#D6BA74

#E1CB96

#EBDCB9

#F5EEDC

#FFFFFF

Tones

Tones are created by mixing Dark Goldenrod with gray, producing softer, less saturated variations.

#B8860B

#B0851C

#A8842C

#A0833D

#98834E

#90825F

#88816F

#808080

#B8860B

#B0851C

#A8842C

#A0833D

#98834E

#90825F

#88816F

#808080

Hues

Hues are variations of Dark Goldenrod, differing in intensity or temperature to create distinct moods.

#B8860B

#68B80B

#0BB830

#0BB8B1

#0B3DB8

#5B0BB8

#B80B94

#B80B12

#B8860B

#68B80B

#0BB830

#0BB8B1

#0B3DB8

#5B0BB8

#B80B94

#B80B12

What Interfaces Use Colors Like Dark Goldenrod?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox