Blond

Meet Blond (#FAF0BE), a soft, buttery yellow that offers a gentle warmth. Its most notable quality is a subtle luminosity—a pale golden hue that feels both airy and substantial, presenting a unique alternative to typical off-white or cream tones in a design palette.

What color is Blond?

What is the meaning of Blond?

How do I use Blond (#FAF0BE) in UI design?

Using Blond color codes

Blond

#FAF0BE

Access our full UI & UX library today.

What color is Blond?

What is the meaning of Blond?

How do I use Blond (#FAF0BE) in UI design?

Using Blond color codes

Blond Code Conversions

HEX

#FAF0BE

LAB

94, -4, 25

RGB

250, 240, 190

XYZ

79.9, 86.4, 61.2

HSL

50°, 86%, 86%

LCH

94, 26, 100°

HSB

50°, 24%, 98%

LUV

94, 9, 37

CMYK

0, 4, 24, 2

CMYK

0, 4, 24, 2

HWB

50°, 75%, 2%

Blond Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When used with Blond, they create a cohesive and visually soothing palette for any design.

#FAD2BE

#FAF0BE

#E6FABE

#FAD2BE

#FAF0BE

#E6FABE

Complementary

Found directly opposite on the color wheel, complementary colors create a vibrant pairing. With Blond, its opposite offers a bold, attention-grabbing contrast.

#FAF0BE

#BEC8FA

#FAF0BE

#BEC8FA

Split Complementary

A split complementary scheme for Blond uses the two colors adjacent to its direct opposite, creating a vibrant yet balanced high-contrast palette.

#FAF0BE

#BEE6FA

#D2BEFA

#FAF0BE

#BEE6FA

#D2BEFA

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. Starting with Blond, this method creates a vibrant and high-contrast palette.

#FAF0BE

#BEFAF0

#F0BEFA

#FAF0BE

#BEFAF0

#F0BEFA

Tetradic

A tetradic scheme for Blond (#FAF0BE) uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.

#FAF0BE

#BEFAD2

#BEC8FA

#FABEE6

#FAF0BE

#BEFAD2

#BEC8FA

#FABEE6

Square

A square color scheme uses four colors equidistant on the color wheel, creating a vibrant and high-contrast palette with Blond as its foundation.

#FAF0BE

#BEFAD2

#BEC8FA

#FABEE6

#FAF0BE

#BEFAD2

#BEC8FA

#FABEE6

Blond Contrast Simulation

Text Color

#

Background Color

#

18.27

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.

18.27

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Blond Color Variations

Shades

Adding black to Blond creates its shades, resulting in darker variations that give designs weight.

#FAF0BE

#D6CEA3

#B3AB88

#8F896D

#6B6751

#474536

#24221B

#000000

#FAF0BE

#D6CEA3

#B3AB88

#8F896D

#6B6751

#474536

#24221B

#000000

Tints

Tints are lighter variations of Blond, created by adding white to produce a softer feel.

#FAF0BE

#FBF2C7

#FBF4D1

#FCF6DA

#FDF9E3

#FEFBEC

#FEFDF6

#FFFFFF

#FAF0BE

#FBF2C7

#FBF4D1

#FCF6DA

#FDF9E3

#FEFBEC

#FEFDF6

#FFFFFF

Tones

Tones of Blond are created by adding gray, resulting in softer, more subdued variations.

#FAF0BE

#E9E0B5

#D7D0AC

#C6C0A3

#B4B09B

#A3A092

#919089

#808080

#FAF0BE

#E9E0B5

#D7D0AC

#C6C0A3

#B4B09B

#A3A092

#919089

#808080

Hues

Hues are variations of Blond that differ in intensity or temperature, affecting the color's mood.

#FAF0BE

#D7FABE

#BEFAD2

#BEF5FA

#BEC8FA

#E1BEFA

#FABEE6

#FAC3BE

#FAF0BE

#D7FABE

#BEFAD2

#BEF5FA

#BEC8FA

#E1BEFA

#FABEE6

#FAC3BE

What Interfaces Use Colors Like Blond?

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