#3D346A + #662CF5 + #3C2670 + #362D44 + #04A8FC · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#3D346A

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#3D346A

RGB

rgb(61, 52, 106)

HSL

hsl(250, 34%, 31%)

HSB

hsb(250, 51%, 42%)

CMYK

cmyk(42%, 51%, 0%, 58%)

Oklch

oklch(36.3% 0.091 288.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#662CF5

Deep Indigo · SlateBlue · Navy Blue

HEX

#662CF5

RGB

rgb(102, 44, 245)

HSL

hsl(257, 91%, 57%)

HSB

hsb(257, 82%, 96%)

CMYK

cmyk(58%, 82%, 0%, 4%)

Oklch

oklch(51.4% 0.267 285.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#3C2670

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#3C2670

RGB

rgb(60, 38, 112)

HSL

hsl(258, 49%, 29%)

HSB

hsb(258, 66%, 44%)

CMYK

cmyk(46%, 66%, 0%, 56%)

Oklch

oklch(34.0% 0.122 292.4)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#362D44

Deep Indigo · DarkSlateGray · Eggplant

HEX

#362D44

RGB

rgb(54, 45, 68)

HSL

hsl(263, 20%, 22%)

HSB

hsb(263, 34%, 27%)

CMYK

cmyk(21%, 34%, 0%, 73%)

Oklch

oklch(31.7% 0.042 302.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#04A8FC

Lake Blue · DeepSkyBlue · Navy Blue

HEX

#04A8FC

RGB

rgb(4, 168, 252)

HSL

hsl(200, 98%, 50%)

HSB

hsb(200, 98%, 99%)

CMYK

cmyk(98%, 33%, 0%, 1%)

Oklch

oklch(70.1% 0.166 242.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D346A

616A34

Analogous

34466A

3D346A

58346A

Triadic

3D346A

6A3D34

346A3D

Split-Comp.

3D346A

6A5834

466A34

Tetradic

3D346A

6A3446

616A34

346A58

Contrast Matrix WCAG 2.1 Contrast

3D346A	662CF5	3C2670	362D44	04A8FC
—	1.7 Fail	1.1 Fail	1.2 Fail	4.2 AA Large
1.7 Fail	—	1.9 Fail	2.0 Fail	2.5 Fail
1.1 Fail	1.9 Fail	—	1.1 Fail	4.7 AA
1.2 Fail	2.0 Fail	1.1 Fail	—	5.0 AA
4.2 AA Large	2.5 Fail	4.7 AA	5.0 AA	—

White BG

11.1AAA

6.5AA

12.3AAA

13.0AAA

2.6Fail

Black BG

1.9Fail

3.2AA Large

1.7Fail

1.6Fail

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

39395D

4D4CC4

32325E

32323E

4B4CE8

Deuteranopia

3A3A5A

5055B9

34355A

33333D

4235E3

Tritanopia

3D5350

639E96

3B504D

363A39

0CD8D4

Achromatopsia

3D3D3D

545454

353535

323232

818181

Shades & Tints Shades & Tints

#3D346A

Dark

Light

#662CF5

Dark

Light

#3C2670

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d346a;
  --color-2: #662cf5;
  --color-3: #3c2670;
  --color-4: #362d44;
  --color-5: #04a8fc;
}

SCSS

$color-1: #3d346a;
$color-2: #662cf5;
$color-3: #3c2670;
$color-4: #362d44;
$color-5: #04a8fc;

TAILWIND

colors: {
  'brand-1': '#3d346a',
  'brand-2': '#662cf5',
  'brand-3': '#3c2670',
  'brand-4': '#362d44',
  'brand-5': '#04a8fc',
}

RGB Array

[61, 52, 106], [102, 44, 245], [60, 38, 112], [54, 45, 68], [4, 168, 252]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #3D346A, #662CF5, #3C2670, #362D44, #04A8FC is ideal for: tech websites, dark mode UIs, game UIs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #3d346a; --color-2: #662cf5; --color-3: #3c2670; --color-4: #362d44; --color-5: #04a8fc. 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. 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 tech, SaaS, healthcare, eco industries. 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