Skip to content

Dandelion #f0e130

The weed that refused to be dull.

RGB
240, 225, 48
HSL
55°, 87%, 57%
CMYK
0, 6, 80, 6
Luminance
0.7259

About Dandelion

Dandelion, #f0e130, is bright yellow with a green whisper — the lawn "weed" whose flower is pure sunshine. Cooler than gold, warmer than lemon, it is cheerful yellow at its most defiant.

History

Dandelions dyed, fed and medicated for centuries before lawns declared war on them; the color name (and Crayola crayon) celebrates the very bloom gardeners spray. Its French name, dent-de-lion (lion’s tooth), describes the leaf, not the color.

Psychology

Dandelion reads cheerful, resilient and free — yellow’s optimism with a rebellious streak. It signals joy that grows anywhere, uninvited and undeterred.

In design

Dandelion is a bright accent: electric on charcoal and violet, unusable as text on white (1.3:1). Pair with sky blue, white and green (the lawn palette), charcoal for pop. Playful, children’s and spring brands favor it.

In culture

Making a wish on the seed-head, dandelion wine, "dent-de-lion": the flower children love and lawns loathe, whose yellow never apologizes.

Brands that own dandelion

Shades of dandelion

Every format

HEX#f0e130
RGBrgb(240, 225, 48)
HSLhsl(55, 87%, 57%)
CMYKcmyk(0%, 6%, 80%, 6%)
LABlab(88.3 -12.5 80.1)
LCHlch(88.3 81.1 98.9)
OKLCHoklch(0.894 0.178 104.2)

Copy-ready code

/* CSS */
color: #f0e130;
background-color: #f0e130;
/* Tailwind (arbitrary) */
class="text-[#f0e130] bg-[#f0e130]"
/* SCSS */
$brand: #f0e130;
/* SwiftUI */
Color(red: 0.941, green: 0.882, blue: 0.188)
/* Android */
Color.parseColor("#f0e130")

Accessibility — WCAG contrast

Aa
#f0e130 on white: 1.35:1
AA ✗ fail · AA-large · AAA
Aa
#f0e130 on black: 15.52:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red94.1%
Green88.2%
Blue18.8%

CMYK percentages

Cyan0.0%
Magenta6.3%
Yellow80.0%
Key (black)5.9%

Color previews

#f0e130 text on a black background

contrast 15.52:1

Card sample

#f0e130 text on a white background

contrast 1.35:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #f0e130;
Background color
Panel with #f0e130 background
background-color: #f0e130;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #f0e130;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(240, 225, 48, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(240, 225, 48, 0.45);
Border & gradient
Gradient panel
border: 3px solid #f0e130;
background: linear-gradient(135deg, #f0e130, #7FF030);

Monochromatic scale

Palettes built from #f0e130

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Dandelion, answered

What is the hex code for dandelion?

Dandelion is #f0e130; Crayola’s crayon runs softer at #fddb6d.

Dandelion vs yellow vs lemon?

Pure yellow is coldest, lemon is sharp and pale, dandelion carries a green whisper — the flower’s warm sunshine.

What pairs with dandelion?

Sky blue and green (lawn palette), white for freshness, charcoal and violet for high-contrast pop.

Work with #f0e130 in the Color Lab