Explore

/

Colors

/

Meaning

/

Light Goldenrod Yellow

Light Goldenrod Yellow

Meet Light Goldenrod Yellow (#FAFAD2), a color that whispers rather than shouts. Its striking quality lies in its delicate balance—a pale, creamy hue with just enough warmth to distinguish it from off-white, offering a subtle luminosity for clean and sophisticated digital interfaces.

What color is Light Goldenrod Yellow?

What is the meaning of Light Goldenrod Yellow?

How do I use Light Goldenrod Yellow (#FAFAD2) in UI design?

Using Light Goldenrod Yellow color codes

Light Goldenrod Yellow

#FAFAD2

Access our full UI & UX library today.

Join for free

What color is Light Goldenrod Yellow?

What is the meaning of Light Goldenrod Yellow?

How do I use Light Goldenrod Yellow (#FAFAD2) in UI design?

Using Light Goldenrod Yellow color codes

Light Goldenrod Yellow Code Conversions

HEX

#FAFAD2

LAB

97, -6, 19

RGB

250, 250, 210

XYZ

85.2, 93.3, 74.5

HSL

60°, 80%, 90%

LCH

97, 20, 109°

HSB

60°, 16%, 98%

LUV

97, 2, 29

CMYK

0, 0, 16, 2

CMYK

0, 0, 16, 2

HWB

60°, 82%, 2%

Light Goldenrod Yellow Color Harmonies

Analogous

Analogous colors sit next to each other on the color wheel. Paired with Light Goldenrod Yellow, they produce a cohesive and tranquil visual experience.

#FAE6D2

#FAFAD2

#E6FAD2

#FAE6D2

#FAFAD2

#E6FAD2

Complementary

Complementary colors are opposites on the color wheel. Paired with Light Goldenrod Yellow, its complement produces a striking, high-contrast visual effect.

#FAFAD2

#D2D2FA

#FAFAD2

#D2D2FA

Split Complementary

For a balanced yet dynamic palette, the split complementary scheme pairs Light Goldenrod Yellow with the two colors adjacent to its direct complement.

#FAFAD2

#D2E6FA

#E6D2FA

#FAFAD2

#D2E6FA

#E6D2FA

Triadic

A triadic scheme uses three colors equally spaced on the color wheel. With Light Goldenrod Yellow, this creates a vibrant, high-contrast palette.

#FAFAD2

#D2FAFA

#FAD2FA

#FAFAD2

#D2FAFA

#FAD2FA

Tetradic

A tetradic scheme pairs Light Goldenrod Yellow with three other colors, forming two complementary pairs for a rich and vibrant palette.

#FAFAD2

#D2FAE6

#D2D2FA

#FAD2E6

#FAFAD2

#D2FAE6

#D2D2FA

#FAD2E6

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Light Goldenrod Yellow, this creates a vibrant, high-contrast palette.

#FAFAD2

#D2FAE6

#D2D2FA

#FAD2E6

#FAFAD2

#D2FAE6

#D2D2FA

#FAD2E6

Light Goldenrod Yellow Contrast Simulation

Text Color

#

Background Color

#

19.67

Super

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.

19.67

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Light Goldenrod Yellow Color Variations

Shades

Adding black to Light Goldenrod Yellow creates shades, giving the color more weight and depth.

#FAFAD2

#D6D6B4

#B3B396

#8F8F78

#6B6B5A

#47473C

#24241E

#000000

#FAFAD2

#D6D6B4

#B3B396

#8F8F78

#6B6B5A

#47473C

#24241E

#000000

Tints

Tints are created by adding white to Light Goldenrod Yellow, resulting in softer, paler variations.

#FAFAD2

#FBFBD8

#FBFBDF

#FCFCE5

#FDFDEC

#FEFEF2

#FEFEF9

#FFFFFF

#FAFAD2

#FBFBD8

#FBFBDF

#FCFCE5

#FDFDEC

#FEFEF2

#FEFEF9

#FFFFFF

Tones

Tones of Light Goldenrod Yellow are created by adding gray, resulting in softer, more muted variations.

#FAFAD2

#E9E9C6

#D7D7BB

#C6C6AF

#B4B4A3

#A3A397

#91918C

#808080

#FAFAD2

#E9E9C6

#D7D7BB

#C6C6AF

#B4B4A3

#A3A397

#91918C

#808080

Hues

Hues are variations of Light Goldenrod Yellow, differing in temperature and intensity to alter mood.

#FAFAD2

#DCFAD2

#D2FAE6

#D2F0FA

#D2D2FA

#F0D2FA

#FAD2E6

#FADCD2

#FAFAD2

#DCFAD2

#D2FAE6

#D2F0FA

#D2D2FA

#F0D2FA

#FAD2E6

#FADCD2

What Interfaces Use Colors Like Light Goldenrod Yellow?

All Brands That Use Colors Like Light Goldenrod Yellow

Babbel

Language for Life

Babbel

Language for Life

View all brand colors

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.

Join for free
See our 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.

Join for free
See our 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.

Join for free
See our plans

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox