#85006A + #85106D + #853A76 + #875D7F + #857581 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#85006A

Rose Purple · Purple · Eggplant

HEX

#85006A

RGB

rgb(133, 0, 106)

HSL

hsl(312, 100%, 26%)

HSB

hsb(312, 100%, 52%)

CMYK

cmyk(0%, 100%, 20%, 48%)

Oklch

oklch(41.6% 0.181 340.0)

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

#85106D

Rose Purple · Purple · Eggplant

HEX

#85106D

RGB

rgb(133, 16, 109)

HSL

hsl(312, 79%, 29%)

HSB

hsb(312, 88%, 52%)

CMYK

cmyk(0%, 88%, 18%, 48%)

Oklch

oklch(42.5% 0.174 338.8)

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

#853A76

Rose Purple · DimGray · Eggplant

HEX

#853A76

RGB

rgb(133, 58, 118)

HSL

hsl(312, 39%, 37%)

HSB

hsb(312, 56%, 52%)

CMYK

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

Oklch

oklch(47.0% 0.128 335.7)

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

#875D7F

Rose Purple · Gray · Violet

HEX

#875D7F

RGB

rgb(135, 93, 127)

HSL

hsl(311, 18%, 45%)

HSB

hsb(311, 31%, 53%)

CMYK

cmyk(0%, 31%, 6%, 47%)

Oklch

oklch(53.5% 0.073 333.5)

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

#857581

Ink Gray · Gray · Warm Gray

HEX

#857581

RGB

rgb(133, 117, 129)

HSL

hsl(315, 6%, 49%)

HSB

hsb(315, 12%, 52%)

CMYK

cmyk(0%, 12%, 3%, 48%)

Oklch

oklch(58.1% 0.026 334.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85006A

00851B

Analogous

5D0085

85006A

850028

Triadic

85006A

6A8500

006A85

Split-Comp.

85006A

288500

00855D

Tetradic

85006A

855D00

00851B

002885

Contrast Matrix WCAG 2.1 Contrast

85006A	85106D	853A76	875D7F	857581
—	1.0 Fail	1.3 Fail	1.8 Fail	2.2 Fail
1.0 Fail	—	1.2 Fail	1.7 Fail	2.1 Fail
1.3 Fail	1.2 Fail	—	1.4 Fail	1.7 Fail
1.8 Fail	1.7 Fail	1.4 Fail	—	1.2 Fail
2.2 Fail	2.1 Fail	1.7 Fail	1.2 Fail	—

White BG

9.5AAA

9.2AAA

7.3AAA

5.4AA

4.3AA Large

Black BG

2.2Fail

2.3Fail

2.9Fail

3.9AA Large

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A50

525156

656467

757477

7E7E7E

Deuteranopia

535D4A

596251

696F64

777A75

7F807D

Tritanopia

7E3C38

7F4541

815C5A

85706F

847C7B

Achromatopsia

343434

3E3E3E

575757

6D6D6D

7B7B7B

Shades & Tints Shades & Tints

#85006A

Dark

Light

#85106D

Dark

Light

#853A76

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85006a;
  --color-2: #85106d;
  --color-3: #853a76;
  --color-4: #875d7f;
  --color-5: #857581;
}

SCSS

$color-1: #85006a;
$color-2: #85106d;
$color-3: #853a76;
$color-4: #875d7f;
$color-5: #857581;

TAILWIND

colors: {
  'brand-1': '#85006a',
  'brand-2': '#85106d',
  'brand-3': '#853a76',
  'brand-4': '#875d7f',
  'brand-5': '#857581',
}

RGB Array

[133, 0, 106], [133, 16, 109], [133, 58, 118], [135, 93, 127], [133, 117, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #85006A, #85106D, #853A76, #875D7F, #857581 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: #85006a; --color-2: #85106d; --color-3: #853a76; --color-4: #875d7f; --color-5: #857581. 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