Dandelion

Dandelion is a vibrant, sunny yellow that radiates warmth and energy. It's a bright, saturated hue that sits comfortably between a pure lemon yellow and a deeper gold.

Visually, the color #F0E130 carries a subtle greenish-gold undertone, giving it a fresh, natural quality. This keeps it from feeling overly synthetic or acidic, grounding it with an earthy feel.

The color Dandelion, #F0E130, is intrinsically linked to feelings of happiness, warmth, and optimism. It captures the cheerful energy of a sunny morning, evoking a sense of positivity and spontaneity.

Symbolically, this vibrant yellow represents growth, intellect, and creativity. Much like its namesake flower, the Dandelion color carries connotations of resilience and the simple joy found in nature.

In UI design, Dandelion (#F0E130) shines as an accent color. Use it strategically for buttons, notification badges, or interactive elements to guide the user's eye. For a striking effect, pair it with deep charcoals or navy blues to maximize contrast. A more modern, airy feel can be achieved by combining it with soft grays and ample white space, applying the 60-30-10 principle where Dandelion serves as the vibrant 10%.

Brands like Tasty, Adidas, and Udemy use similar yellows to inject energy and highlight key actions. Others, such as Anthropologie, Zocdoc, and Luminary, show how it can be part of a broader, more eclectic palette to create a memorable and distinct visual identity.

To see how Dandelion works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #F0E130 in real UI components from top-tier apps.

Working with the Dandelion color begins with its hex code, #F0E130. While this is the standard for web development and most digital design tools, your project's specific needs might call for a different color model.

For anything on a screen, you'll need the RGB values, which define color through a mix of red, green, and blue light. If the design is destined for print, you'll use CMYK values to specify the required ink combination. Other formats like HSL (Hue, Saturation, Lightness) provide a more intuitive method for tweaking and adjusting the color.

To simplify your workflow, we've converted #F0E130 into a range of popular formats. You can find them all listed below, ready to copy and paste directly into your project.