Dandelion

Meet Dandelion (#F0E130), a radiant yellow that balances on the edge of gold. Its high saturation and inherent warmth give it a powerful visual presence, making it a standout choice for creating focal points without overwhelming the eye. This color commands attention with its pure, luminous quality.

What color is Dandelion?

What is the meaning of Dandelion?

How do I use Dandelion (#F0E130) in UI design?

Using Dandelion color codes

Dandelion

#F0E130

Access our full UI & UX library today.

What color is Dandelion?

What is the meaning of Dandelion?

How do I use Dandelion (#F0E130) in UI design?

Using Dandelion color codes

Dandelion Code Conversions

HEX

#F0E130

LAB

88, -13, 80

RGB

240, 225, 48

XYZ

63.4, 72.6, 13.5

HSL

55°, 86%, 56%

LCH

88, 81, 99°

HSB

55°, 80%, 94%

LUV

88, 17, 91

CMYK

0, 6, 80, 6

CMYK

0, 6, 80, 6

HWB

55°, 19%, 6%

Dandelion Color Harmonies

Analogous

Using colors adjacent to Dandelion on the color wheel creates an analogous scheme. This combination produces a cohesive and tranquil visual effect.

#F08130

#F0E130

#9FF030

#F08130

#F0E130

#9FF030

Complementary

Complementary colors are opposites on the color wheel. Pairing Dandelion with its complement creates a high-contrast, vibrant look that makes designs pop.

#F0E130

#303FF0

#F0E130

#303FF0

Split Complementary

A split complementary scheme pairs Dandelion with the two colors adjacent to its direct opposite, offering strong contrast with more nuanced, balanced results.

#F0E130

#309FF0

#8130F0

#F0E130

#309FF0

#8130F0

Triadic

A triadic scheme pairs Dandelion with two other colors, all equidistant on the color wheel, resulting in a bold and balanced visual effect.

#F0E130

#30F0E1

#E130F0

#F0E130

#30F0E1

#E130F0

Tetradic

Tetradic schemes build a vibrant, four-color palette using two pairs of complementary colors, with Dandelion serving as the foundational hue.

#F0E130

#30F081

#303FF0

#F0309F

#F0E130

#30F081

#303FF0

#F0309F

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Dandelion as a base, this creates a vibrant, high-contrast palette.

#F0E130

#30F081

#303FF0

#F0309F

#F0E130

#30F081

#303FF0

#F0309F

Dandelion Contrast Simulation

Text Color

#

Background Color

#

15.52

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.

15.52

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dandelion Color Variations

Shades

By adding black, you can create darker shades of Dandelion for more visual weight.

#F0E130

#CEC129

#ABA122

#89811B

#676015

#45400E

#222007

#000000

#F0E130

#CEC129

#ABA122

#89811B

#676015

#45400E

#222007

#000000

Tints

Tints are lighter variations of Dandelion, created by adding white to produce a softer look.

#F0E130

#F2E54E

#F4EA6B

#F6EE89

#F9F2A6

#FBF6C4

#FDFBE1

#FFFFFF

#F0E130

#F2E54E

#F4EA6B

#F6EE89

#F9F2A6

#FBF6C4

#FDFBE1

#FFFFFF

Tones

Tones are created by adding gray to Dandelion, resulting in softer, more muted variations.

#F0E130

#E0D33B

#D0C547

#C0B752

#B0AA5E

#A09C69

#908E75

#808080

#F0E130

#E0D33B

#D0C547

#C0B752

#B0AA5E

#A09C69

#908E75

#808080

Hues

Hues are Dandelion variations that share its base color but differ in intensity or temperature.

#F0E130

#6FF030

#30F081

#30CFF0

#303FF0

#B130F0

#F0309F

#F05130

#F0E130

#6FF030

#30F081

#30CFF0

#303FF0

#B130F0

#F0309F

#F05130

What Interfaces Use Colors Like Dandelion?

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