Laser Trap
#ff3f6a
Bright red-pink for high-contrast warning accents
About Laser Trap
Laser Trap looks like a glossy red-pink spot on a UI thumbnail, but it never tips all the way into bubblegum like Diva Pink. It also doesn't flare cooler and sharper the way Infrared can, and it's not as loud and attention-grabbing as Chinese New Year. This shade feels hot but controlled, with a touch more lightness and a smoother undertone that reads more "operator alert" than "emergency siren."
I use it for red status chips and action banners in logistics consoles, healthcare workflow tools, and incident management views where you need urgency without turning every alert into panic. In fintech and media ops, it's the the one you reach for when a warning needs to stand out in dense tables, but your primary red cannot be the loudest element on the page.
Pair it with cool grays or near-whites so it stays clean. On very warm neutrals, it can lean slightly more pink than you expect, so sanity-check it next to your normal button red.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
