Fuzzy Duckling
Vibrant and cheerful luminous yellow shade
This bright, luminous yellow carries high energy and intense saturation. Because #ffea70 is so light and vivid, it works best as a small accent to grab attention for sales or alerts rather than a full background. Black text remains legible against this shade, making it a functional choice for high-contrast UI elements. The hex code for this cheerful tone is #ffea70.
About Fuzzy Duckling
Sunlight pooled on a kitchen table at midmorning
What does fuzzy duckling mean?
Fuzzy Duckling commonly suggests optimism, playfulness, and warm weather, and it often gets used to signal cheerfulness without shouting. Its very high lightness makes it glow like it is lit from inside, while the soft warmth keeps it mellow rather than sharp.
Where you see fuzzy duckling
- sticky note
- rubber duck
- lemon pulp
- butter pat
- corn kernels
- banana peel
What it works for
This color works well for highlights, callout buttons, stickers, packaging accents, and any design that needs a friendly burst of light.
What colors go with fuzzy duckling?
Charcoal #36454fA near-black neutral gives the yellow a dark stage, so its glow reads twice as bright.Teal #008080Teal sits opposite on the wheel and cools the warmth, keeping the pairing from turning syrupy.Burnt Orange #cc5500Both colors share warmth, and the orange deepens the duckling's glow like late afternoon light.Olive Green #808000Olive grounds the brightness with an earthy tone, a natural pairing found in fields and gardens.Periwinkle #ccccffBoth colors sit high on the lightness scale, so the pair stays soft, airy, and easygoing.
Questions about Fuzzy Duckling
What is the hex code for Fuzzy Duckling?
Fuzzy Duckling is #ffea70. In RGB that is rgb(255, 234, 112), in HSL hsl(51, 100%, 72%) and in CMYK 0%, 8%, 56%, 0%.
How can I use #ffea70 effectively in UI design?
Use #ffea70 primarily as a high-contrast accent for actionable items like buttons, notification badges, or sales highlights. Because it is highly saturated, it can overwhelm a design if used for large backgrounds, so pair it with charcoal or dark text to maintain necessary readability standards.
Does #ffea70 read as a warm or cool color?
Fuzzy Duckling is decidedly warm, carrying the high-energy characteristics of a primary yellow with intense, sunny undertones. It creates a friendly and approachable mood, which works best when you need to convey optimism or grab a user's attention quickly in a clean, minimalist layout.
Is Fuzzy Duckling readable on white or black?
Fuzzy Duckling has a 1.21:1 contrast ratio on white and 17.25:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.