#EC39CE + #D66AC4 + #B893B1 + #A993B8 + #A156D3 · 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

#EC39CE

Rose Purple · MediumOrchid · Violet

HEX

#EC39CE

RGB

rgb(236, 57, 206)

HSL

hsl(310, 82%, 57%)

HSB

hsb(310, 76%, 93%)

CMYK

cmyk(0%, 76%, 13%, 7%)

Oklch

oklch(66.6% 0.257 336.0)

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

#D66AC4

Mauve · Orchid · Lilac Purple

HEX

#D66AC4

RGB

rgb(214, 106, 196)

HSL

hsl(310, 57%, 63%)

HSB

hsb(310, 50%, 84%)

CMYK

cmyk(0%, 50%, 8%, 16%)

Oklch

oklch(68.1% 0.173 334.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B893B1

Mauve · DarkGray · Lilac Purple

HEX

#B893B1

RGB

rgb(184, 147, 177)

HSL

hsl(311, 21%, 65%)

HSB

hsb(311, 20%, 72%)

CMYK

cmyk(0%, 20%, 4%, 28%)

Oklch

oklch(70.7% 0.060 332.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#A993B8

Lilac · DarkGray · Lilac Purple

HEX

#A993B8

RGB

rgb(169, 147, 184)

HSL

hsl(276, 21%, 65%)

HSB

hsb(276, 20%, 72%)

CMYK

cmyk(8%, 20%, 0%, 28%)

Oklch

oklch(69.5% 0.059 311.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#A156D3

Royal Purple · MediumOrchid · Violet

HEX

#A156D3

RGB

rgb(161, 86, 211)

HSL

hsl(276, 59%, 58%)

HSB

hsb(276, 59%, 83%)

CMYK

cmyk(24%, 59%, 0%, 17%)

Oklch

oklch(59.7% 0.191 309.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC39CE

37EB55

Analogous

AF37EB

EC39CE

EB3773

Triadic

EC39CE

CDEB37

37CDEB

Split-Comp.

EC39CE

73EB37

37EBAF

Tetradic

EC39CE

EBAF37

37EB55

3773EB

Contrast Matrix WCAG 2.1 Contrast

EC39CE	D66AC4	B893B1	A993B8	A156D3
—	1.1 Fail	1.3 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.2 Fail	1.1 Fail	1.4 Fail
1.3 Fail	1.2 Fail	—	1.0 Fail	1.6 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.6 Fail
1.3 Fail	1.4 Fail	1.6 Fail	1.6 Fail	—

White BG

3.5AA Large

3.1AA Large

2.7Fail

2.8Fail

4.4AA Large

Black BG

6.0AA

6.7AA

7.8AAA

7.6AAA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9DAA

A7A6AE

A8A8AA

9F9FAF

8180B5

Deuteranopia

A9B6A1

AEB6A9

AAADA8

A1A2AD

858BAE

Tritanopia

E38D87

D19D99

B6A4A3

A8A8A6

9D9D98

Achromatopsia

808080

959595

A1A1A1

9E9E9E

7B7B7B

Shades & Tints Shades & Tints

#EC39CE

Dark

Light

#D66AC4

Dark

Light

#B893B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec39ce;
  --color-2: #d66ac4;
  --color-3: #b893b1;
  --color-4: #a993b8;
  --color-5: #a156d3;
}

SCSS

$color-1: #ec39ce;
$color-2: #d66ac4;
$color-3: #b893b1;
$color-4: #a993b8;
$color-5: #a156d3;

TAILWIND

colors: {
  'brand-1': '#ec39ce',
  'brand-2': '#d66ac4',
  'brand-3': '#b893b1',
  'brand-4': '#a993b8',
  'brand-5': '#a156d3',
}

RGB Array

[236, 57, 206], [214, 106, 196], [184, 147, 177], [169, 147, 184], [161, 86, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #EC39CE, #D66AC4, #B893B1, #A993B8, #A156D3 is ideal for: corporate websites, product showcases, portfolios. 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: #ec39ce; --color-2: #d66ac4; --color-3: #b893b1; --color-4: #a993b8; --color-5: #a156d3. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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