Bat-Signal

#feff00

High-contrast lightning yellow, warmer than Canary gray

Save
Share

About Bat-Signal

Bat-Signal sits at that sweet spot where yellow stops trying to prove itself. It's got the lift of 's glow but trades the soft landing for actual edge, there's a sharpness here that the others avoid, a color that lands and stays put. Not warm, not cool, just committed.

This is the yellow for dark interfaces, alerts that need to cut through, and product highlights where gentleness would feel like indecision. Notification badges. Focus states on dark backgrounds. Marketing layouts that need punch without the neon shriek of . It's lighter than but less forgiving, pair it with anything and it doesn't settle, it announces. Dashboards where the aesthetic can handle a little tension. Design tools where you're building for contrast first.

The thing: use it sparingly. This one doesn't disappear into the background like or soften into a system player like . It's the color you reach for when you need yellow to actually work, not just exist. Against cool grays it sharpens further, which is usually the point.

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.08:1Fail

On Gray 100 #f5f5f5

Aa
1.01:1Fail

On Gray 900 #18181b

Aa
16.47:1AAA

On Black #000000

Aa
19.52: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 Bat-Signal

Open the generator with this color pre-loaded.

Start creating