Neon blue is a vibrant, cool shade that combines the reliability of blue with the energy and excitement of neon colors. This stimulating shade has modern qualities, promoting forward-thinking and innovation.

Neon blue is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #2323FF
- RGB value: 13.7% red, 13.7% green, and 100% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use neon blue in your designs:
- Create a focal point. Use neon blue sparingly for buttons, calls to action, or important elements to draw the user’s eye.
- Enhance a futuristic or tech theme. Neon blue’s association with modern technology makes it perfect for interfaces with an innovative or high-tech feel.
- Set an energetic mood. Use neon blue as an accent color to infuse your design with a dynamic and eye-catching energy by using neon blue as an accent color.
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same vivid spectrum as neon blue, consider:
- Blue (#0000FF) is the purest and most intense blue on the color wheel.
- Royal blue (#305CDE) is a luxurious blue with similar vibrancy.
- Dark blue (#111184) is a deep blue hue that’s slightly less saturated than neon blue.
- Navy blue (#000080) is a classic dark blue with similar saturation.
To complement neon blue, consider pairing it with:
- Bright yellow (#FFED29) creates an energetic and playful vibe.
- White (#FFFFFF) allows for a clean, bright contrast, letting neon blue pop.
- Silver (#C4C4C4) has a metallic gray hue that tones down neon blue to create a more sophisticated feel.
- Neon orange (#FF5C00) is a complementary color that provides a vibrant contrast.
Other colors worth considering include black for dramatic contrast and a modern feel and cherry for a high-energy pop to your design.
While neon blue is bright, it may clash with:
- Neon purple (#8A00C4) competes for attention, creating a visually overwhelming clash.
- Lime green (#89F336) is also highly saturated, creating a chaotic feel.
- Lavender (#D3D3FF) is a pastel that appears washed out next to neon blue’s intensity.
- Mint green (#ADEBB3) clashes with neon blue’s bright nature, making it look too overpowering.
- Chocolate (#713600) has a warm tone, which clashes with neon blue’s cool-toned nature.
Neon blue is an eye-catching color associated with modernity, technology, and innovation, representing advancement toward the future. In some cultures, neon blue can also symbolize energy, excitement, and open communication.
In color psychology, neon blue is linked to feelings of focus and mental stimulation. It can create a sense of increased energy, but excessive use of neon blue can overwhelm and lead to restlessness.
In UI design, neon blue effectively captures attention and creates a sense of excitement. However, because of its brightness, neon blue should be used sparingly as the dominating color because of its brightness When paired with neutral tones or darker blues, neon blue maintains its impact without overwhelming the user.
The color neon blue originated with the creation of neon lamps in the early 1900s. French engineer Georges Claude invented these lamps, which first produced an intense orange-red light. However, scientists observed that using different gasses resulted in various colors. Instead of neon gas, mercury vapor creates neon blue.
Neon blue quickly became associated with the present age, especially in bustling cities with their bright advertisements and nightlife. This link to innovation continues today, with high-tech brands such as Zoom and Samsung using neon blue for a modern and futuristic look.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Cosmic Blues
Celestial
Festive Eve
Contrast 7.62
- Large Text
#2323FF
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.76
- Large Text
#2323FF
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #2323FF, known as neon blue, has RGB values of R:35 G:35, B:255 and CMYK values of C:0.86, M:0.86, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | 2323FF | #2323FF |
| RGB DECIMAL | 35, 35, 255 | RGB(35,35,255) |
| RGB PERCENTAGE | 13.7, 13.7, 100 | RGB(13.7%,13.7%,100%) |
| CMYK | 86, 86, 0, 0 | |
| HSL | 240°, 100, 56.9 | HSL(240°,100%,56.9%) |
| HSV (OR HSB) | 240°, 86.3, 100 | |
| WEB SAFE | 3333FF | #3333FF |
| CIE-LAB | 35.553, 71.878, -102.411 | |
| XYZ | 19.341, 8.778, 95.277 | |
| xyY | 0.157, 0.071, 8.778 | |
| CIE-LCH | 35.553, 125.118, 305.063 | |
| CIE-LUV | 35.553, -9.588, -132.875 | |
| HUNTER-LAB | 29.628, 64.674, -169.927 | |
| BINARY | 00100011, 00100011, 11111111 | |
| iOS - SwiftUI | Color(red: 0.137, green: 0.137, blue: 1) | |
| iOS - UIKit | UIColor(red: 0.137, green: 0.137, blue: 1, alpha: 1) | |
| Android - Compose | Color(0xFF2323FF) |


