Radiant Ultramarine Electric Glow
Category: Blue
Neon Blue (#4D4DFF) — Color Codes, Meaning & UI Palettes
Neon Blue is an electric, highly saturated ultramarine blue that pops vividly off dark screens. Widely used in futuristic sci-fi, web3, and high-performance computing.
Click to Copy HEX
Neon Blue
#4D4DFF
HEX
#4D4DFF
RGB
rgb(77, 77, 255)
HSL
hsl(240deg, 100%, 65%)
CMYK (Print)
cmyk(70%, 70%, 0%, 0%)
Apple Display P3
color(display-p3 0.302 0.302 1.000)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
5.5:1 (AA)
Black Text (#000000)
3.82:1 (AA Large)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F4F4FF
100
#E3E3FF
200
#C6C6FF
300
#A2A2FF
400
#7878FF
500
#4D4DFF
600
#3E3ECC
700
#2E2E99
800
#1F1F66
900
#111138
950
#09091F
Color Harmonies & Palette Schemes
Complementary
#FFFF4D
Opposite 180° Contrast
Analogous -30°
#4DA6FF
Natural Harmony
Analogous +30°
#A64DFF
Natural Harmony
Triadic +120°
#FF4D4D
120° Balanced Triad
Triadic +240°
#4DFF4D
120° Balanced Triad
Curated UI Design Pairings for Neon Blue
Commanding attention on dark-mode landing pages, glowing button borders, and gradient highlights.
Deep Obsidian
#0A0B0E
Dark Space Backdrop
Cyber Cyan
#06B6D4
Electric Stream
Hot Pink
#EC4899
Cyberpunk Accent
Pure White
#FFFFFF
Crisp Text
Export Neon Blue Code Snippets
CSS Variable
--color-neon-blue: #4D4DFF;
Tailwind Config
'neon-blue': '#4D4DFF'
Swift / SwiftUI
Color(hex: "#4D4DFF")
JSON Design Token
{"name": "Neon Blue", "hex": "#4D4DFF"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.