#C14DB4 + #A378BE + #84A3C8 + #66CED1 + #9FFADF · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#C14DB4

Rose Purple · MediumOrchid · Violet

HEX

#C14DB4

RGB

rgb(193, 77, 180)

HSL

hsl(307, 48%, 53%)

HSB

hsb(307, 60%, 76%)

CMYK

cmyk(0%, 60%, 7%, 24%)

Oklch

oklch(60.9% 0.191 332.3)

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

#A378BE

Lilac · MediumOrchid · Lilac Purple

HEX

#A378BE

RGB

rgb(163, 120, 190)

HSL

hsl(277, 35%, 61%)

HSB

hsb(277, 37%, 75%)

CMYK

cmyk(14%, 37%, 0%, 25%)

Oklch

oklch(64.1% 0.112 311.7)

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

#84A3C8

Azure · DarkGray · Cobalt Blue

HEX

#84A3C8

RGB

rgb(132, 163, 200)

HSL

hsl(213, 38%, 65%)

HSB

hsb(213, 34%, 78%)

CMYK

cmyk(34%, 19%, 0%, 22%)

Oklch

oklch(70.6% 0.064 253.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#66CED1

Sky Blue · MediumTurquoise · Lake Green

HEX

#66CED1

RGB

rgb(102, 206, 209)

HSL

hsl(182, 54%, 61%)

HSB

hsb(182, 51%, 82%)

CMYK

cmyk(51%, 1%, 0%, 18%)

Oklch

oklch(79.1% 0.097 197.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#9FFADF

Jade · LightBlue · Glacier Blue

HEX

#9FFADF

RGB

rgb(159, 250, 223)

HSL

hsl(162, 90%, 80%)

HSB

hsb(162, 36%, 98%)

CMYK

cmyk(36%, 0%, 11%, 2%)

Oklch

oklch(92.0% 0.095 173.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C14DB4

4EC15B

Analogous

954EC1

C14DB4

C14E7A

Triadic

C14DB4

B3C14E

4EB3C1

Split-Comp.

C14DB4

7AC14E

4EC195

Tetradic

C14DB4

C1954E

4EC15B

4E7AC1

Contrast Matrix WCAG 2.1 Contrast

C14DB4	A378BE	84A3C8	66CED1	9FFADF
—	1.2 Fail	1.6 Fail	2.3 Fail	3.5 AA Large
1.2 Fail	—	1.3 Fail	1.9 Fail	2.9 Fail
1.6 Fail	1.3 Fail	—	1.4 Fail	2.1 Fail
2.3 Fail	1.9 Fail	1.4 Fail	—	1.5 Fail
3.5 AA Large	2.9 Fail	2.1 Fail	1.5 Fail	—

White BG

4.2AA Large

3.5AA Large

2.6Fail

1.9Fail

1.2Fail

Black BG

5.0AA

6.0AA

8.1AAA

11.3AAA

17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E9B

9090AD

9192BF

9394D0

C6C7E6

Deuteranopia

969E95

9396A9

908DBD

8D85D0

C1BAE7

Tritanopia

BB8783

A1A09D

86B8B6

6BD0D0

A4EBEC

Achromatopsia

7B7B7B

8D8D8D

9E9E9E

AFAFAF

DCDCDC

Shades & Tints Shades & Tints

#C14DB4

Dark

Light

#A378BE

Dark

Light

#84A3C8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c14db4;
  --color-2: #a378be;
  --color-3: #84a3c8;
  --color-4: #66ced1;
  --color-5: #9ffadf;
}

SCSS

$color-1: #c14db4;
$color-2: #a378be;
$color-3: #84a3c8;
$color-4: #66ced1;
$color-5: #9ffadf;

TAILWIND

colors: {
  'brand-1': '#c14db4',
  'brand-2': '#a378be',
  'brand-3': '#84a3c8',
  'brand-4': '#66ced1',
  'brand-5': '#9ffadf',
}

RGB Array

[193, 77, 180], [163, 120, 190], [132, 163, 200], [102, 206, 209], [159, 250, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #C14DB4, #A378BE, #84A3C8, #66CED1, #9FFADF 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: #c14db4; --color-2: #a378be; --color-3: #84a3c8; --color-4: #66ced1; --color-5: #9ffadf. 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