#3F1840 + #3D2559 + #313B70 + #365F7A + #468C9E · 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

#3F1840

Dark Plum · DarkSlateGray · Dark Purple

HEX

#3F1840

RGB

rgb(63, 24, 64)

HSL

hsl(299, 45%, 17%)

HSB

hsb(299, 63%, 25%)

CMYK

cmyk(2%, 63%, 0%, 75%)

Oklch

oklch(28.6% 0.085 326.6)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#3D2559

Deep Indigo · MidnightBlue · Eggplant

HEX

#3D2559

RGB

rgb(61, 37, 89)

HSL

hsl(268, 41%, 25%)

HSB

hsb(268, 58%, 35%)

CMYK

cmyk(31%, 58%, 0%, 65%)

Oklch

oklch(32.2% 0.091 302.9)

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

#313B70

Indigo · DarkSlateBlue · Prussian Blue

HEX

#313B70

RGB

rgb(49, 59, 112)

HSL

hsl(230, 39%, 32%)

HSB

hsb(230, 56%, 44%)

CMYK

cmyk(56%, 47%, 0%, 56%)

Oklch

oklch(37.2% 0.091 273.1)

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

#365F7A

Slate Blue · DarkSlateBlue · Prussian Blue

HEX

#365F7A

RGB

rgb(54, 95, 122)

HSL

hsl(204, 39%, 35%)

HSB

hsb(204, 56%, 48%)

CMYK

cmyk(56%, 22%, 0%, 52%)

Oklch

oklch(46.7% 0.064 239.0)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#468C9E

Slate Blue · SteelBlue · Mint Ice

HEX

#468C9E

RGB

rgb(70, 140, 158)

HSL

hsl(192, 39%, 45%)

HSB

hsb(192, 56%, 62%)

CMYK

cmyk(56%, 11%, 0%, 38%)

Oklch

oklch(60.2% 0.075 216.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F1840

183F18

Analogous

2B183F

3F1840

3F182C

Triadic

3F1840

3F3E18

183F3E

Split-Comp.

3F1840

2C3F18

183F2B

Tetradic

3F1840

3F2B18

183F18

182C3F

Contrast Matrix WCAG 2.1 Contrast

3F1840	3D2559	313B70	365F7A	468C9E
—	1.1 Fail	1.4 Fail	2.2 Fail	3.9 AA Large
1.1 Fail	—	1.2 Fail	1.9 Fail	3.4 AA Large
1.4 Fail	1.2 Fail	—	1.5 Fail	2.8 Fail
2.2 Fail	1.9 Fail	1.5 Fail	—	1.8 Fail
3.9 AA Large	3.4 AA Large	2.8 Fail	1.8 Fail	—

White BG

14.8AAA

13.1AAA

10.6AAA

6.8AA

3.8AA Large

Black BG

1.4Fail

1.6Fail

2.0Fail

3.1AA Large

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E36

33324C

353563

484873

64659A

Deuteranopia

303334

343649

353460

454272

605B99

Tritanopia

3D2F2D

3C4240

325957

386E6D

4A9695

Achromatopsia

282828

323232

3E3E3E

565656

797979

Shades & Tints Shades & Tints

#3F1840

Dark

Light

#3D2559

Dark

Light

#313B70

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f1840;
  --color-2: #3d2559;
  --color-3: #313b70;
  --color-4: #365f7a;
  --color-5: #468c9e;
}

SCSS

$color-1: #3f1840;
$color-2: #3d2559;
$color-3: #313b70;
$color-4: #365f7a;
$color-5: #468c9e;

TAILWIND

colors: {
  'brand-1': '#3f1840',
  'brand-2': '#3d2559',
  'brand-3': '#313b70',
  'brand-4': '#365f7a',
  'brand-5': '#468c9e',
}

RGB Array

[63, 24, 64], [61, 37, 89], [49, 59, 112], [54, 95, 122], [70, 140, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #3F1840, #3D2559, #313B70, #365F7A, #468C9E 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: #3f1840; --color-2: #3d2559; --color-3: #313b70; --color-4: #365f7a; --color-5: #468c9e. 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