Neon blue color

An intense, glowing blue that looks like neon signage. It is popular for gaming setups, party themes, nightlife posters and LED lighting.

Also known as: Electric neon blue.

Neon blue · #1F51FF

About neon blue

Neon blue (#1F51FF) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 31 red, 81 green and 255 blue (out of 255). It is mostly used in gaming, neon signs, party.

Neon blue shades and tints

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

Neon blue color harmonies

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

ComplementaryClose to: Maize

AnalogousClose to: Deep sky blue, Violet

TriadicClose to: Crimson, Neon green

Split complementaryClose to: Neon orange, Lime green

TetradicClose to: Shocking pink, Maize, Spring green

Neon blue color palettes

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

Monochromatic palette · Neon blue

Analogous palette · Neon blue

Complementary palette · Neon blue

Triadic palette · Neon blue

With neutrals palette · Neon blue

With an accent palette · Neon blue

Neon blue contrast with text

White textContrast 5.7:1 · AA

Black textContrast 3.7:1 · AA large text

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

CSS code

:root {
  --neon-blue: #1F51FF;
  --neon-blue-rgb: 31, 81, 255;
}
.bg { background-color: var(--neon-blue); }
.text { color: var(--neon-blue); }

Colors similar to neon blue

Electric blue Klein blue Deep purple Royal blue Slate blue Ultramarine Violet Dark blue Azure Grape purple

Frequently asked questions

What is the hex code for neon blue?

The hex code for neon blue is #1F51FF. In RGB it is rgb(31, 81, 255), in HSL hsl(227, 100%, 56%) and in CMYK 88, 68, 0, 0.

What is the complementary color of neon blue?

Its complement on the color wheel is #FFCD1F, close to maize. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on neon blue?

Yes. The contrast with white is 5.7:1, enough for body text (WCAG AA).