Neon Blue

#2323FF

What color is Neon Blue?

Neon blue is a blazing, electric blue with intense brightness and a cool, almost violet-leaning tone, hex #2323FF, deeper than a clear midday sky. It has a charged, high-energy quality that makes it appear to glow even on a flat surface.

What is the meaning of the color Neon Blue?

Neon blue as a color name traces directly to neon lighting technology, commercialized in the United States after Georges Claude displayed neon tubes publicly in Paris in 1910. Although classic neon gas produces orange-red light, blue neon signs use mercury vapor and argon, a distinction that became familiar to American consumers by the 1930s through widespread use in storefront signage. The color moved into print and screen design as display technology advanced, and by the 1980s it was a defining visual element of the Pantone color system’s electric and fluorescent ranges. IBM adopted a closely related electric blue as part of its corporate identity, anchoring the color’s association with technology and digital innovation.

RGB
35, 35, 255
HSL
240°, 100%, 57%
CMYK
86, 86, 0, 0
HSV
240°, 86%, 100%
Neon blue color

What colors go with Neon Blue?

Colors that pair well with Neon blue include:
Black: sharp, high-contrast ground
White: clean, open brightness
Hot pink: bold, electric energy
Deep purple: rich tonal harmony
Lime green: vivid, playful contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #2323FF color: #2323FF;
RGB 35, 35, 255 color: rgb(35, 35, 255);
RGB Percentage 14%, 14%, 100% color: rgb(14%, 14%, 100%);
CMYK 86%, 86%, 0%, 0% Not supported in CSS
HSL 240°, 100%, 57% color: hsl(240, 100%, 57%);
HSV 240°, 86%, 100% Not supported in CSS
CIE-LAB 46, 0, -73 color: lab(46% 0 -73);
Decimal 2302975 Not supported in CSS

Color Variations

Shades

#2424FF
#0707FF
#0000E9
#0000CB
#0000AE
#000091
#000074
#000057

Tints

#BDBDFF
#A7A7FF
#9191FF
#7B7BFF
#6565FF
#5050FF
#3A3AFF
#2424FF

Tones

#2424FF
#2F2FF4
#3A3AE9
#4545DE
#5050D3
#5B5BC8
#6565BD
#7070B2

Hues

#2424FF
#C824FF
#FF2491
#FF5B24
#FFFF24
#5BFF24
#24FF91
#24C8FF

Color Harmonies

Analogous

#2491FF
Click to copy
#2323FF
Click to copy
#9124FF
Click to copy

Complementary

#2323FF
Click to copy
#FFFF24
Click to copy

Split Complementary

#2323FF
Click to copy
#FF9124
Click to copy
#91FF24
Click to copy

Triadic

#2323FF
Click to copy
#FF2424
Click to copy
99%
#24FF24
Click to copy

Tetradic

#2323FF
Click to copy
#FF2491
Click to copy
99%
#FFFF24
Click to copy
#24FF91
Click to copy

Square

#2323FF
Click to copy
#FF2491
Click to copy
99%
#FFFF24
Click to copy
#24FF91
Click to copy

CSS & Dev Snippets

CSS
.neon-blue {
  color: #2323FF;
}
SCSS
$neon-blue: #2323FF;
RGB
rgb(35, 35, 255)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags