#1B03A3
Blue family

Neon Blue

Also known as: electric · vivid · dynamic · futuristic · intense
Save
Hex #1B03A3
RGB rgb(27, 3, 163)
HSL hsl(249°, 96%, 33%)
CMYK 83 · 98 · 0 · 36

Meaning

In contemporary contexts, Neon Blue often symbolizes creativity and futurism, frequently seen in digital art and pop culture. While it evokes excitement and energy in Western cultures, in some Eastern traditions, it can signify tranquility and calmness, creating a nuanced interpretation of its vibrancy.

The term 'neon' comes from the Greek word 'neos', meaning 'new', reflecting the discovery of the gas in 1898 by William Ramsay and Morris Travers. Neon Blue became prominent in the 1920s with the rise of neon lighting, transforming urban landscapes and influencing design aesthetics in advertising and entertainment.

electricvividdynamicfuturisticintense

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Neon Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Neon Blue by lightness — from #0E0255 (darkest) to #887CCF (lightest). Click any to copy.

-40% #0E0255
-30% #110268
-20% #15027C
-10% #18038F
BASE #1B03A3
+15% #3621AE
+30% #523FB9
+50% #6D5EC4
+70% #887CCF

Complementary

Sitting opposite Neon Blue at 69° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Neon Blue.

#1B03A3
#FF6F00
#FFFFFF
#2C2C2C
#A5D9FF

Neon Nightscape

Urban energy
#1B03A3
#FF007F
#F5F5F5
#000000
#00FFDD

Retro Futurism

Bold contrast
#1B03A3
#BFAF00
#888888
#FF3D00
#00FF00

Electric Dreams

Playful imagination

Neon Blue scale

A 50–900 tonal scale with Neon Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EDEBF8
100 #D6D2EE
200 #A89FDC
300 #7B6DCA
400 #4B38B6
500 #1B03A3
600 #160286
700 #12026C
800 #0E0252
900 #090137

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 13.22:1
Neon Blue as text on… Ratio AA AAA
Aa White background 13.22:1 Pass Pass
Aa Black background 1.59:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #1B03A3

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #1B03A3;
CSS color-mix (lighten 30%) color-mix(in srgb, #1B03A3 70%, white)
HSV / HSB 249°, 98%, 64%
CMYK (print) 83, 98, 0, 36
Decimal 1770403
Nearest web-safe #330099

Color vision

How Neon Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#1B03A3

Protanopia (no red)

#11107C

Deuteranopia (no green)

#121473

Tritanopia (no blue)

#1A5E57
Electric Blue
32 / 45 Blues Dodger Blue
Copied!