#E11264 + #C04B85 + #9E83A5 + #7DBCC6 + #5BF4E6 · 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

#E11264

Dark Violet · Crimson · Camellia

HEX

#E11264

RGB

rgb(225, 18, 100)

HSL

hsl(336, 85%, 48%)

HSB

hsb(336, 92%, 88%)

CMYK

cmyk(0%, 92%, 56%, 12%)

Oklch

oklch(58.8% 0.229 7.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C04B85

Dark Violet · MediumVioletRed · Rose Pink

HEX

#C04B85

RGB

rgb(192, 75, 133)

HSL

hsl(330, 48%, 52%)

HSB

hsb(330, 61%, 75%)

CMYK

cmyk(0%, 61%, 31%, 25%)

Oklch

oklch(58.5% 0.162 352.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#9E83A5

Dark Plum · DarkGray · Violet

HEX

#9E83A5

RGB

rgb(158, 131, 165)

HSL

hsl(288, 16%, 58%)

HSB

hsb(288, 21%, 65%)

CMYK

cmyk(4%, 21%, 0%, 35%)

Oklch

oklch(64.6% 0.059 319.2)

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

#7DBCC6

Sky Blue · MediumAquaMarine · Lake Green

HEX

#7DBCC6

RGB

rgb(125, 188, 198)

HSL

hsl(188, 39%, 63%)

HSB

hsb(188, 37%, 78%)

CMYK

cmyk(37%, 5%, 0%, 22%)

Oklch

oklch(75.6% 0.066 208.4)

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

#5BF4E6

Jade · Turquoise · Lake Green

HEX

#5BF4E6

RGB

rgb(91, 244, 230)

HSL

hsl(175, 87%, 66%)

HSB

hsb(175, 63%, 96%)

CMYK

cmyk(63%, 0%, 6%, 4%)

Oklch

oklch(88.3% 0.130 186.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E11264

12E28F

Analogous

E212CE

E11264

E22712

Triadic

E11264

66E212

1266E2

Split-Comp.

E11264

12E227

12CEE2

Tetradic

E11264

CEE212

12E28F

2712E2

Contrast Matrix WCAG 2.1 Contrast

E11264	C04B85	9E83A5	7DBCC6	5BF4E6
—	1.0 Fail	1.4 Fail	2.2 Fail	3.5 AA Large
1.0 Fail	—	1.4 Fail	2.2 Fail	3.4 AA Large
1.4 Fail	1.4 Fail	—	1.6 Fail	2.5 Fail
2.2 Fail	2.2 Fail	1.6 Fail	—	1.6 Fail
3.5 AA Large	3.4 AA Large	2.5 Fail	1.6 Fail	—

White BG

4.7AA

4.6AA

3.4AA Large

2.1Fail

1.4Fail

Black BG

4.5AA Large

4.6AA

6.2AA

9.9AAA

15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878650

8D8C77

92929D

9899C4

9D9FE9

Deuteranopia

93A34B

949D74

94969B

9590C3

9489EA

Tritanopia

D7403D

BA6C69

9D9695

80C2C1

63ECED

Achromatopsia

595959

757575

8F8F8F

AAAAAA

C5C5C5

Shades & Tints Shades & Tints

#E11264

Dark

Light

#C04B85

Dark

Light

#9E83A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e11264;
  --color-2: #c04b85;
  --color-3: #9e83a5;
  --color-4: #7dbcc6;
  --color-5: #5bf4e6;
}

SCSS

$color-1: #e11264;
$color-2: #c04b85;
$color-3: #9e83a5;
$color-4: #7dbcc6;
$color-5: #5bf4e6;

TAILWIND

colors: {
  'brand-1': '#e11264',
  'brand-2': '#c04b85',
  'brand-3': '#9e83a5',
  'brand-4': '#7dbcc6',
  'brand-5': '#5bf4e6',
}

RGB Array

[225, 18, 100], [192, 75, 133], [158, 131, 165], [125, 188, 198], [91, 244, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #E11264, #C04B85, #9E83A5, #7DBCC6, #5BF4E6 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: #e11264; --color-2: #c04b85; --color-3: #9e83a5; --color-4: #7dbcc6; --color-5: #5bf4e6. 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