Goldenrod

Meet Goldenrod (#DAA520), a rich, warm hue that sits confidently between yellow and brown. Its striking quality comes from this unique balance, offering a sophisticated warmth without the starkness of pure yellow. It's a color with inherent character, ready for creative application.

What color is Goldenrod?

What is the meaning of Goldenrod?

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

Using Goldenrod color codes

Goldenrod

#DAA520

Access our full UI & UX library today.

What color is Goldenrod?

What is the meaning of Goldenrod?

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

Using Goldenrod color codes

Goldenrod Code Conversions

HEX

#DAA520

LAB

71, 9, 69

RGB

218, 165, 32

XYZ

42.6, 41.9, 7.2

HSL

43°, 74%, 49%

LCH

71, 69, 83°

HSB

43°, 85%, 85%

LUV

71, 44, 70

CMYK

0, 24, 85, 15

CMYK

0, 24, 85, 15

HWB

43°, 13%, 15%

Goldenrod Color Harmonies

Analogous

An analogous color scheme uses colors adjacent to Goldenrod on the color wheel, resulting in a cohesive and serene visual experience for users.

#DA4820

#DAA520

#B2DA20

#DA4820

#DAA520

#B2DA20

Complementary

Found directly across from Goldenrod on the color wheel, complementary colors produce a vibrant, energetic effect, making each hue appear more intense.

#DAA520

#2055DA

#DAA520

#2055DA

Split Complementary

Instead of using Goldenrod's direct complement, a split complementary scheme uses the two colors adjacent to it for a more nuanced palette.

#DAA520

#20B2DA

#4820DA

#DAA520

#20B2DA

#4820DA

Triadic

A triadic scheme for Goldenrod involves two other colors equally spaced on the color wheel, creating a vibrant and high-contrast palette.

#DAA520

#20DAA5

#A520DA

#DAA520

#20DAA5

#A520DA

Tetradic

A tetradic scheme for Goldenrod involves two pairs of complementary colors, forming a rectangle on the color wheel to produce a vibrant, yet balanced, palette.

#DAA520

#20DA48

#2055DA

#DA20B2

#DAA520

#20DA48

#2055DA

#DA20B2

Square

A square scheme features four colors evenly spaced around the color wheel. This arrangement gives Goldenrod a set of vibrant, highly contrasting partners.

#DAA520

#20DA48

#2055DA

#DA20B2

#DAA520

#20DA48

#2055DA

#DA20B2

Goldenrod Contrast Simulation

Text Color

#

Background Color

#

9.38

Excellent

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.

9.38

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Goldenrod Color Variations

Shades

By mixing Goldenrod with black, you create shades that add depth and gravity.

#DAA520

#BB8D1B

#9C7617

#7D5E12

#5D470E

#3E2F09

#1F1805

#000000

#DAA520

#BB8D1B

#9C7617

#7D5E12

#5D470E

#3E2F09

#1F1805

#000000

Tints

Tints are lighter variations of Goldenrod, made by adding white to soften the hue.

#DAA520

#DFB240

#E5BF60

#EACC80

#EFD89F

#F4E5BF

#FAF2DF

#FFFFFF

#DAA520

#DFB240

#E5BF60

#EACC80

#EFD89F

#F4E5BF

#FAF2DF

#FFFFFF

Tones

Tones of Goldenrod are created by mixing in gray, which softens the color’s saturation.

#DAA520

#CDA02E

#C09A3B

#B39549

#A79057

#9A8B65

#8D8572

#808080

#DAA520

#CDA02E

#C09A3B

#B39549

#A79057

#9A8B65

#8D8572

#808080

Hues

Hues are Goldenrod variations that differ in intensity and temperature, creating distinct moods.

#DAA520

#84DA20

#20DA48

#20DAD3

#2055DA

#7620DA

#DA20B2

#DA2027

#DAA520

#84DA20

#20DA48

#20DAD3

#2055DA

#7620DA

#DA20B2

#DA2027

What Interfaces Use Colors Like Goldenrod?

All Brands That Use Colors Like 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