Neon Orange

#FF5C00

What color is Neon Orange?

Neon orange is a blazing, high-intensity orange with a strong yellow-red shift that makes it appear almost fluorescent in daylight, hex #FF5C00. It carries none of the warmth of a sunset amber and burns brighter than a flame, sitting closer to the vivid orange of a traffic cone.

What is the meaning of the color Neon Orange?

Fluorescent orange entered widespread use in the 1960s when the U.S. Manual on Uniform Traffic Control Devices formally adopted it for road safety signage and construction equipment. The color was developed from fluorescent pigment technology pioneered by brothers Bob and Joe Switzer in the 1930s, who experimented with ultraviolet-reactive compounds and eventually commercialized them under the Day-Glo brand in 1946. By the 1970s, Day-Glo orange had become the standard for hunters’ safety gear after multiple U.S. states mandated blaze orange for big-game hunting seasons. The color is now anchored in federal safety standards, including ANSI/ISEA 107, which specifies high-visibility orange for workers exposed to vehicle traffic.

RGB
255, 92, 0
HSL
22°, 100%, 50%
CMYK
0, 64, 100, 0
HSV
22°, 100%, 100%
Neon orange color

What colors go with Neon Orange?

Colors that pair well with Neon orange include:
Black: sharp, high-contrast anchor
Navy blue: cool, grounding balance
White: clean, open brightness
Charcoal gray: muted industrial contrast
Forest green: rich, earthy depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF5C00 color: #FF5C00;
RGB 255, 92, 0 color: rgb(255, 92, 0);
RGB Percentage 100%, 36%, 0% color: rgb(100%, 36%, 0%);
CMYK 0%, 64%, 100%, 0% Not supported in CSS
HSL 22°, 100%, 50% color: hsl(22, 100%, 50%);
HSV 22°, 100%, 100% Not supported in CSS
CIE-LAB 40, 33, 31 color: lab(40% 33 31);
Decimal 16735232 Not supported in CSS

Color Variations

Shades

#FF5E00
#E65400
#CC4B00
#B34100
#993800
#802F00
#662500
#4D1C00

Tints

#FFCFB3
#FFBE99
#FFAE80
#FF9E66
#FF8E4D
#FF7E33
#FF6E1A
#FF5E00

Tones

#FF5E00
#F2610D
#E6641A
#D96826
#CC6B33
#BF6F40
#B3724D
#A67559

Hues

#FF5E00
#E1FF00
#22FF00
#00FF9D
#00A2FF
#1E00FF
#DD00FF
#FF0062

Color Harmonies

Analogous

#FF0022
Click to copy
#FF5C00
Click to copy
#FFDD00
Click to copy

Complementary

#FF5C00
Click to copy
#00A2FF
Click to copy

Split Complementary

#FF5C00
Click to copy
#00FFDD
Click to copy
#0022FF
Click to copy

Triadic

#FF5C00
Click to copy
#00FF5E
Click to copy
#5E00FF
Click to copy

Tetradic

#FF5C00
Click to copy
#22FF00
Click to copy
#00A2FF
Click to copy
#DD00FF
Click to copy

Square

#FF5C00
Click to copy
#22FF00
Click to copy
#00A2FF
Click to copy
#DD00FF
Click to copy

CSS & Dev Snippets

CSS
.neon-orange {
  color: #FF5C00;
}
SCSS
$neon-orange: #FF5C00;
RGB
rgb(255, 92, 0)

Accessibility & Contrast

White background

3.10:1
3.10
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.78:1
6.78
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags