Bumblebee

#ffc82a

Bright lemon-yellow chartreuse for high-contrast accents

Save
Share

About Bumblebee

Bumblebee is the yellow that actually looks like it's humming. It's got more saturation than but sits lighter than , the difference between a color that *glows* and one that just speaks loudly. There's a crisp quality to it, almost electric, but it doesn't feel clinical the way oversaturated yellows can. It's the kind of color that works harder than it looks.

Use it on product cards in marketplaces, banner sections in food apps, and attention states in forms where you need something that reads as approachable but still pulls focus. Unlike Anna Banana, which balances brightness with warmth underneath, Bumblebee leads with intensity. It pairs cleanly with deep navies and charcoals without needing a lot of breathing room, the saturation keeps it from feeling lost. On white it lands with actual presence. On mid-tone grays it doesn't disappear the way lighter yellows do.

The catch: it's saturated enough that pale neutrals will expose it. Test against beige or soft gray first. But nest it next to real depth, navy, forest, charcoal, deep wood, and it settles in like it was always supposed to be there.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.55:1Fail

On Gray 100 #f5f5f5

Aa
1.42:1Fail

On Gray 900 #18181b

Aa
11.43:1AAA

On Black #000000

Aa
13.55:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Bumblebee

Open the generator with this color pre-loaded.

Start creating