Dandelion
#F0E130Yellow family
About Dandelion
Dandelion (#F0E130) is a medium, vivid yellow. Yellow is the brightest, most luminous hue on the wheel, so this shade carries sunshine, clarity and instant visibility.
Psychology
Yellow is the color of optimism, happiness and mental clarity. It stimulates attention and creativity, though in large doses it can feel overstimulating or cautionary.
Applications
Yellow is ideal for highlights, warnings, children’s products, food packaging and anything that needs to feel cheerful and energetic. Muted yellows work in heritage and craft branding, while bright yellows are perfect for accents and alerts.
History
Yellow ochre is one of humanity’s oldest pigments, found in prehistoric cave paintings. Precious yellows later came from orpiment, saffron and Indian yellow, before synthetic cadmium and azo yellows took over in the industrial age.
Meaning
Yellow means joy, intellect and warmth in most cultures, but it can also mean caution or cowardice in others. It is frequently used to signal optimism, energy and a fresh, friendly tone.
Why use this color
Use yellow to inject happiness, warmth and attention into a design. It is the perfect accent for making key elements pop and for brands that want to feel bright and welcoming.
Accessibility
Against white, #F0E130 has a 1.4:1 contrast ratio; against black it is 15.5:1. Black text on #F0E130 meets WCAG AA for normal text.
Fun facts
- Yellow is the most visible color in daylight, which is why school buses and taxis use it.
- Pure yellow reflects almost all light, making it the lightest hue on the color wheel.
- Vincent van Gogh’s use of chrome yellow helped define his sunlit paintings.
Shades, tints & tones
Variations
Ten lightness steps plus Dandelion's tints, shades and tones — every swatch copies its hex on click.
Lightness scale
Tints (toward white)
Shades (toward black)
Tones (toward gray)
Color theory
Color harmonies
Proven schemes built around Dandelion. Each swatch is one click from your clipboard.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Accessibility
Blindness simulator
See how Dandelion is perceived with common types of color vision deficiency.
Normal vision
Standard trichromatic vision, shown for reference.
Protanopia
Red-blind. Reds look darker and can be confused with greens and browns.
Deuteranopia
Green-blind. Greens look muted and can be confused with reds and browns.
Tritanopia
Blue-blind. Blues look greenish and yellows fade toward pink.
Achromatopsia
Complete color blindness. Everything is seen in shades of gray.
WCAG
Contrast checker
How Dandelion performs against black and white text, with WCAG AA and AAA ratings.
The ratio is identical whether Dandelion is used as the text or the background.
Open the full checkerReady to use
Color palettes
Curated palettes that put Dandelion to work, with copy-all support for each.
Complementary
Roughly 180° across the wheel from #F0E130 (hue 55°) sits #2e3eef, held together by the #f3edaa tint and the neutrals #f4f4f5 and #18181b.
Analogous
#F0E130 with its two closest neighbours, #ef7f2e and #9fef2e, for a 86%-saturation run that stays inside one family; #f3edaa and #93880b add depth without breaking it.
Triadic
#F0E130 plus #2eefdf and #df2eef, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.
Monochromatic
One hue at 5 lightness steps: #fefcec through #1c1a02, starting from #F0E130 at 56% lightness.
Dandelion (#F0E130) is a yellow-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.
Frequently asked questions
Dandelion is #F0E130 — rgb(240, 225, 48) / hsl(55, 86%, 56%). Dandelion (#F0E130) is a medium, vivid yellow. Yellow is the brightest, most luminous hue on the wheel, so this shade carries sunshine, clarity and instant visibility.
Good to know
- Dandelion is one of 609 named colors in the library.
- Its complementary hue sits 180° away on the color wheel: #2e3eef.
More color tools
Next steps for Dandelion: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.