Dandelion

#F0E130

Yellow Family →

What Color is Dandelion

Dandelion is a vibrant, saturated yellow that mimics the mid-bloom phase of its namesake wildflower. It radiates warmth and high energy without the neon sharpness of a highlighter. It acts as a functional bridge between pale morning tints and deep harvest golds.

What color is opposite Dandelion?

The opposite color to Dandelion is Dark Blue (#2e3eef).

View Dark Blue

Additional Information

  • Color Family: Yellow
  • Temperature: Warm
  • Associated Season: Spring
  • Complementary Color: #2E3EEF
  • Brightness: 209/255
  • Saturation: 80%

Colors That Pair Well With Dandelion

Complementary

Pair with Dark Blue for a harmonious, balanced look. Great for backgrounds and accents.

#F0E130#2e3eef

High Contrast

Use Dark Blue for maximum readability. Ideal for text or critical UI elements.

#F0E130#0f1ecf

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#f6ed83#787118

Dandelion History

The name Dandelion entered the English lexicon as a specific color descriptor in 1893. Historically, artists achieved similar bright yellows using gamboge, a resin harvested from trees in Southeast Asia, or the volatile mineral orpiment. These pigments were prized for their ability to capture the fleeting brilliance of sunlight in botanical illustrations and 19th-century landscape paintings.

In modern culture, the color gained mainstream fame via Crayola, which included it in their standard box for decades. However, in a major marketing event on National Crayon Day in 2017, the company officially retired the shade from its 24-count box. This move sparked significant nostalgia, cementing the color's status as a symbol of childhood creativity and the passage of time.

Meaning & Psychology

Psychologically, Dandelion triggers an immediate sense of optimism and mental clarity. It is the color of spontaneity, often associated with extroverted energy and the playful nature of spring. Because it is highly reflective, it demands immediate attention, stimulating the nervous system and encouraging social interaction.

However, its high frequency can lead to visual fatigue if used over large surfaces for extended periods. In various cultural contexts, bright yellows like this represent intellect and sacred status, while in others, they can signal caution. It remains a primary tool for designers to evoke a mood of cheerfulness and forward-thinking hope.

In Nature

This hue is most famously seen in the petals of the Taraxacum plant just before it matures into seed. In the animal kingdom, it mirrors the plumage of the American Goldfinch during breeding season and the distinctive thorax of many yellowjacket species. Geologically, a similar luminosity is found in sulfur crystals found near volcanic vents.

How To Use Dandelion

In senior design practice, Dandelion is a high-contrast tool best used for accents or call-to-action buttons. It creates a dynamic focal point when paired with dark charcoals or deep navies, but it frequently fails WCAG accessibility standards when placed against white backgrounds. Designers must use it strategically to guide the eye toward critical information.

When building a brand identity, this shade communicates friendliness and speed. It works exceptionally well in industries like education or food service where visibility is paramount. Avoid using it as a primary background color to prevent overstimulation and ensure a balanced user experience.

Related Words

1893gambogeorpimentbrilliancecrayola2017retiredsymboloptimismspontaneityattentionfatigueintellectcheerfulnesspetalsplumagethoraxluminositysulfurhigh-contrastdynamicaccessibilitycriticalfriendlinessvisibilitybalanced

Curated Palettes

#F0E130
#7BA05B
#4A6741
#8E4585
#F5F5DC

Wildflower Meadow

A natural, organic palette inspired by spring fields.

#F0E130
#2E4057
#DAAD86
#66A182
#252525

Retro Modern

A punchy, mid-century inspired scheme for bold branding.

#F0E130
#F28C28
#E34234
#5D1115
#FFD700

Solar Flare

High-energy warm tones for high-impact digital interfaces.

Color Conversions

Hex
#F0E130
RGB
240, 225, 48
RGB %
94%, 88%, 19%
HSL
55°, 86%, 56%
HSV
55°, 80%, 94%
CMYK
0%, 6%, 80%, 6%
LAB
88.25, -12.50, 80.10
XYZ
63.39, 72.59, 13.47

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #F0E130;
Text Color (RGB)
Aa
color: rgb(240, 225, 48);
Background Color
background-color: #F0E130;
Border
border: 3px solid #F0E130;
Box Shadow
box-shadow: 0 4px 12px #F0E13066;
Gradient
background: linear-gradient(135deg, #F0E130 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Dandelion

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Dandelion

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Dandelion?

Explore color palettes containing Dandelion and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Caran d'ache Luminance 6901

Medium Cadmium Yellow

#520#FFD800

Buy

Caran d'ache Luminance 6901

Lemon Yellow

#240#F1EC29

Buy

Polychromos

light cadmium yellow

#105#FFE73E

Buy

Prismacolor

Sunburst Yellow

#PC917#FFD62F

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Dandelion?
The hex code for Dandelion is #F0E130. The RGB values are (240, 225, 48). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Dandelion?
Dandelion pairs well with its complementary color, Dark Blue (#2e3eef). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Dandelion accessible for text?
No, Dandelion is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Dandelion in CSS?

You can use Dandelion in CSS with its hex code. Here is an example class:

.dandelion {
  background-color: #F0E130;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.