Neon orange color

A highly saturated orange that seems to glow. It's visible from far away, so it's common on safety gear, sneakers and posters. On screen it's best kept to small details.

Also known as: fluorescent orange, safety orange.

Neon orange · #FF5F1F

About neon orange

Neon orange (#FF5F1F) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 95 green and 31 blue (out of 255). It is mostly used in sports, safety, graphic design.

Neon orange shades and tints

From lightest to darkest. Tap a shade to copy its code.

Neon orange color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Deep sky blue

AnalogousClose to: Crimson, Maize

TriadicClose to: Spring green, Violet

Split complementaryClose to: Aquamarine, Neon blue

TetradicClose to: Neon green, Deep sky blue, Neon purple

Neon orange color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Neon orange

Analogous palette · Neon orange

Complementary palette · Neon orange

Triadic palette · Neon orange

With neutrals palette · Neon orange

With an accent palette · Neon orange

Neon orange contrast with text

White textContrast 3.0:1 · AA large text

Black textContrast 6.9:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --neon-orange: #FF5F1F;
  --neon-orange-rgb: 255, 95, 31;
}
.bg { background-color: var(--neon-orange); }
.text { color: var(--neon-orange); }

Colors similar to neon orange

Persimmon Orange red Pumpkin orange Safety orange Tomato red Burnt orange Poppy red Ferrari red Mango Mahogany

Themed palettes with this color

Frequently asked questions

What is the hex code for neon orange?

The hex code for neon orange is #FF5F1F. In RGB it is rgb(255, 95, 31), in HSL hsl(17, 100%, 56%) and in CMYK 0, 63, 88, 0.

What is the complementary color of neon orange?

Its complement on the color wheel is #1FBFFF, close to deep sky blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on neon orange?

Use black text instead: the contrast with white is only 3.0:1, while with black it is 6.9:1.