#7000BF + #614B70 + #600B99 + #4E3E59 + #52187A · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebellious

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#7000BF

Royal Purple · DarkViolet · Eggplant

HEX

#7000BF

RGB

rgb(112, 0, 191)

HSL

hsl(275, 100%, 37%)

HSB

hsb(275, 100%, 75%)

CMYK

cmyk(41%, 100%, 0%, 25%)

Oklch

oklch(44.9% 0.238 301.4)

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

#614B70

Dark Plum · DimGray · Eggplant

HEX

#614B70

RGB

rgb(97, 75, 112)

HSL

hsl(276, 20%, 37%)

HSB

hsb(276, 33%, 44%)

CMYK

cmyk(13%, 33%, 0%, 56%)

Oklch

oklch(45.1% 0.065 311.0)

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

#600B99

Royal Purple · Purple · Eggplant

HEX

#600B99

RGB

rgb(96, 11, 153)

HSL

hsl(276, 87%, 32%)

HSB

hsb(276, 93%, 60%)

CMYK

cmyk(37%, 93%, 0%, 40%)

Oklch

oklch(39.6% 0.198 304.5)

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

#4E3E59

Dark Plum · DarkSlateGray · Eggplant

HEX

#4E3E59

RGB

rgb(78, 62, 89)

HSL

hsl(276, 18%, 30%)

HSB

hsb(276, 30%, 35%)

CMYK

cmyk(12%, 30%, 0%, 65%)

Oklch

oklch(39.2% 0.049 311.1)

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

#52187A

Royal Purple · DarkSlateBlue · Eggplant

HEX

#52187A

RGB

rgb(82, 24, 122)

HSL

hsl(276, 67%, 29%)

HSB

hsb(276, 80%, 48%)

CMYK

cmyk(33%, 80%, 0%, 52%)

Oklch

oklch(35.8% 0.155 306.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7000BF

4FBD00

Analogous

1000BD

7000BF

BD00AD

Triadic

7000BF

BD6E00

00BD6E

Split-Comp.

7000BF

ADBD00

00BD10

Tetradic

7000BF

BD1000

4FBD00

00ADBD

Contrast Matrix WCAG 2.1 Contrast

7000BF	614B70	600B99	4E3E59	52187A
—	1.1 Fail	1.2 Fail	1.1 Fail	1.4 Fail
1.1 Fail	—	1.4 Fail	1.3 Fail	1.6 Fail
1.2 Fail	1.4 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.4 Fail	1.6 Fail	1.1 Fail	1.2 Fail	—

White BG

8.6AAA

7.6AAA

10.5AAA

9.7AAA

11.9AAA

Black BG

2.4Fail

2.7Fail

2.0Fail

2.2Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

403E91

575767

3B3A77

474752

393862

Deuteranopia

464E86

595A65

40466E

484951

3C415D

Tritanopia

6A6C64

60605E

5C5C56

4D4D4C

4F504B

Achromatopsia

373737

565656

353535

464646

353535

Shades & Tints Shades & Tints

#7000BF

Dark

Light

#614B70

Dark

Light

#600B99

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7000bf;
  --color-2: #614b70;
  --color-3: #600b99;
  --color-4: #4e3e59;
  --color-5: #52187a;
}

SCSS

$color-1: #7000bf;
$color-2: #614b70;
$color-3: #600b99;
$color-4: #4e3e59;
$color-5: #52187a;

TAILWIND

colors: {
  'brand-1': '#7000bf',
  'brand-2': '#614b70',
  'brand-3': '#600b99',
  'brand-4': '#4e3e59',
  'brand-5': '#52187a',
}

RGB Array

[112, 0, 191], [97, 75, 112], [96, 11, 153], [78, 62, 89], [82, 24, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #7000BF, #614B70, #600B99, #4E3E59, #52187A 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: #7000bf; --color-2: #614b70; --color-3: #600b99; --color-4: #4e3e59; --color-5: #52187a. 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