Neon Orange
Online color picker to view shades, tints, color codes, and complementary colors
Neon orange is an intense, bright-reddish version of the regular orange color. Like other neon shades, it came into existence during the early 1900s after the advent of luminescent paint. The hex code for neon orange is #ff5f1f.
About Neon Orange
Ember lifted straight off the log
What does neon orange mean?
People often read it as heat, urgency, and appetite, so it commonly shows up on warning labels and food packaging. Its full saturation and mid-range lightness give it a glowing, forward energy that reads loud even in small doses.
Where you see neon orange
- traffic cones
- road flares
- tangerine peels
- campfire embers
- halloween pumpkins
- safety vests
What it works for
Use it for calls to action, sale tags, and sports graphics where a loud, warm punch is the goal.
What colors go with neon orange?
Deep Teal #00555aThe cool blue-green pulls the heat back, and both colors keep their full strength side by side.Charcoal #36454fThe near-black gray lets the orange glow without competing for attention.Olive Green #808000The muted green cools the orange down and gives it an earthy, outdoors feel.Cream #fffdd0Soft warm white thins the intensity and keeps layouts from shouting.Navy Blue #000080The dark blue backdrop makes the orange read like a lit flame.
Questions about Neon Orange
What is the hex code for Neon Orange?
Neon Orange is #ff5f1f. In RGB that is rgb(255, 95, 31), in HSL hsl(17, 100%, 56%) and in CMYK 0%, 63%, 88%, 0%.
Is Neon Orange readable on white or black?
Neon Orange has a 3.03:1 contrast ratio on white and 6.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.