#3700FF + #5337B8 + #534680 + #464059 + #343638 · 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

#3700FF

Deep Indigo · Blue · Navy Blue

HEX

#3700FF

RGB

rgb(55, 0, 255)

HSL

hsl(253, 100%, 50%)

HSB

hsb(253, 100%, 100%)

CMYK

cmyk(78%, 100%, 0%, 0%)

Oklch

oklch(46.9% 0.303 271.6)

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

#5337B8

Deep Indigo · DarkSlateBlue · Navy Blue

HEX

#5337B8

RGB

rgb(83, 55, 184)

HSL

hsl(253, 54%, 47%)

HSB

hsb(253, 70%, 72%)

CMYK

cmyk(55%, 70%, 0%, 28%)

Oklch

oklch(45.1% 0.191 285.8)

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

#534680

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#534680

RGB

rgb(83, 70, 128)

HSL

hsl(253, 29%, 39%)

HSB

hsb(253, 45%, 50%)

CMYK

cmyk(35%, 45%, 0%, 50%)

Oklch

oklch(43.5% 0.094 292.3)

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

#464059

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#464059

RGB

rgb(70, 64, 89)

HSL

hsl(254, 16%, 30%)

HSB

hsb(254, 28%, 35%)

CMYK

cmyk(21%, 28%, 0%, 65%)

Oklch

oklch(38.8% 0.042 295.4)

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

#343638

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#343638

RGB

rgb(52, 54, 56)

HSL

hsl(210, 4%, 21%)

HSB

hsb(210, 7%, 22%)

CMYK

cmyk(7%, 4%, 0%, 78%)

Oklch

oklch(33.2% 0.004 248.0)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3700FF

C8FF00

Analogous

0048FF

3700FF

B700FF

Triadic

3700FF

FF3700

00FF37

Split-Comp.

3700FF

FFB700

48FF00

Tetradic

3700FF

FF0048

C8FF00

00FFB7

Contrast Matrix WCAG 2.1 Contrast

3700FF	5337B8	534680	464059	343638
—	1.0 Fail	1.0 Fail	1.2 Fail	1.5 Fail
1.0 Fail	—	1.0 Fail	1.2 Fail	1.5 Fail
1.0 Fail	1.0 Fail	—	1.2 Fail	1.5 Fail
1.2 Fail	1.2 Fail	1.2 Fail	—	1.2 Fail
1.5 Fail	1.5 Fail	1.5 Fail	1.2 Fail	—

White BG

8.1AAA

8.2AAA

9.8AAA

12.1AAA

Black BG

2.6Fail

2.1Fail

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1FC1

474799

4D4D72

434353

353538

Deuteranopia

2227B3

494B91

4E4F6F

444452

353537

Tritanopia

349186

52807B

526764

464E4D

343737

Achromatopsia

2E2E2E

4E4E4E

505050

454545

363636

Shades & Tints Shades & Tints

#3700FF

Dark

Light

#5337B8

Dark

Light

#534680

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3700ff;
  --color-2: #5337b8;
  --color-3: #534680;
  --color-4: #464059;
  --color-5: #343638;
}

SCSS

$color-1: #3700ff;
$color-2: #5337b8;
$color-3: #534680;
$color-4: #464059;
$color-5: #343638;

TAILWIND

colors: {
  'brand-1': '#3700ff',
  'brand-2': '#5337b8',
  'brand-3': '#534680',
  'brand-4': '#464059',
  'brand-5': '#343638',
}

RGB Array

[55, 0, 255], [83, 55, 184], [83, 70, 128], [70, 64, 89], [52, 54, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #3700FF, #5337B8, #534680, #464059, #343638 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: #3700ff; --color-2: #5337b8; --color-3: #534680; --color-4: #464059; --color-5: #343638. 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