← Back to Editor

#A3FFFF · #6F0437 · #5E1476 · #3F0E29 · #09FBFB

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#A3FFFF

Sky Blue · LightBlue · Glacier Blue

HEX
#A3FFFF
RGB
rgb(163, 255, 255)
HSL
hsl(180, 100%, 82%)
HSB
hsb(180, 36%, 100%)
CMYK
cmyk(36%, 0%, 0%, 0%)
Oklch
oklch(94.3% 0.088 195.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#6F0437

Dark Violet · Maroon · Raspberry

HEX
#6F0437
RGB
rgb(111, 4, 55)
HSL
hsl(331, 93%, 23%)
HSB
hsb(331, 96%, 44%)
CMYK
cmyk(0%, 96%, 50%, 56%)
Oklch
oklch(35.3% 0.139 0.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#5E1476

Royal Purple · Purple · Eggplant

HEX
#5E1476
RGB
rgb(94, 20, 118)
HSL
hsl(285, 71%, 27%)
HSB
hsb(285, 83%, 46%)
CMYK
cmyk(20%, 83%, 0%, 54%)
Oklch
oklch(36.8% 0.160 315.9)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#3F0E29

Rose Purple · Black · Raspberry

HEX
#3F0E29
RGB
rgb(63, 14, 41)
HSL
hsl(327, 64%, 15%)
HSB
hsb(327, 78%, 25%)
CMYK
cmyk(0%, 78%, 35%, 75%)
Oklch
oklch(25.9% 0.082 350.4)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#09FBFB

Lake Blue · Cyan · Lake Green

HEX
#09FBFB
RGB
rgb(9, 251, 251)
HSL
hsl(180, 97%, 51%)
HSB
hsb(180, 96%, 98%)
CMYK
cmyk(96%, 0%, 0%, 2%)
Oklch
oklch(89.5% 0.152 194.8)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3FFFF
FFA3A3

Analogous

A3FFD1
A3FFFF
A3D1FF

Triadic

A3FFFF
FFA3FF
FFFFA3

Split-Comp.

A3FFFF
FFA3D1
FFD1A3

Tetradic

A3FFFF
D1A3FF
FFA3A3
D1FFA3

Contrast Matrix WCAG 2.1 Contrast

A3FFFF
6F0437
5E1476
3F0E29
09FBFB
—
10.5
AAA
10.0
AAA
14.0
AAA
1.1
Fail
10.5
AAA
—
1.1
Fail
1.3
Fail
9.3
AAA
10.0
AAA
1.1
Fail
—
1.4
Fail
8.8
AAA
14.0
AAA
1.3
Fail
1.4
Fail
—
12.4
AAA
1.1
Fail
9.3
AAA
8.8
AAA
12.4
AAA
—
White BG
1.1Fail
12.0AAA
11.4AAA
16.1AAA
1.3Fail
Black BG
18.3AAA
1.7Fail
1.8Fail
1.3Fail
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCCFF
41402B
3E3D5E
2A2922
7274FB

Deuteranopia

C6BFFF
474F28
424859
2D3021
6452FB

Tritanopia

A8FFFF
6A211F
5A4C47
3D1D1C
15FBFB

Achromatopsia

E3E3E3
2A2A2A
353535
202020
B3B3B3

Shades & Tints Shades & Tints

#A3FFFF

Dark
Light

#6F0437

Dark
Light

#5E1476

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3ffff;
  --color-2: #6f0437;
  --color-3: #5e1476;
  --color-4: #3f0e29;
  --color-5: #09fbfb;
}

SCSS

$color-1: #a3ffff;
$color-2: #6f0437;
$color-3: #5e1476;
$color-4: #3f0e29;
$color-5: #09fbfb;

TAILWIND

colors: {
  'brand-1': '#a3ffff',
  'brand-2': '#6f0437',
  'brand-3': '#5e1476',
  'brand-4': '#3f0e29',
  'brand-5': '#09fbfb',
}

RGB Array

[163, 255, 255], [111, 4, 55], [94, 20, 118], [63, 14, 41], [9, 251, 251]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A3FFFF, #6F0437, #5E1476, #3F0E29, #09FBFB is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a3ffff; --color-2: #6f0437; --color-3: #5e1476; --color-4: #3f0e29; --color-5: #09fbfb. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This neon-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color