← Back to Editor

#140114 · #E0A9BA · #9E0F59 · #A64C9E · #CB651A

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#140114

Rose Purple · Black · Dark Purple

HEX
#140114
RGB
rgb(20, 1, 20)
HSL
hsl(300, 90%, 4%)
HSB
hsb(300, 95%, 8%)
CMYK
cmyk(0%, 95%, 0%, 92%)
Oklch
oklch(13.8% 0.057 328.1)

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

#E0A9BA

Rouge · LightPink · Cherry Blossom

HEX
#E0A9BA
RGB
rgb(224, 169, 186)
HSL
hsl(341, 47%, 77%)
HSB
hsb(341, 25%, 88%)
CMYK
cmyk(0%, 25%, 17%, 12%)
Oklch
oklch(79.0% 0.068 358.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#9E0F59

Rose Purple · Purple · Camellia

HEX
#9E0F59
RGB
rgb(158, 15, 89)
HSL
hsl(329, 83%, 34%)
HSB
hsb(329, 91%, 62%)
CMYK
cmyk(0%, 91%, 44%, 38%)
Oklch
oklch(46.1% 0.179 357.3)

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

#A64C9E

Rose Purple · DarkOrchid · Violet

HEX
#A64C9E
RGB
rgb(166, 76, 158)
HSL
hsl(305, 37%, 47%)
HSB
hsb(305, 54%, 65%)
CMYK
cmyk(0%, 54%, 5%, 35%)
Oklch
oklch(56.0% 0.156 330.9)

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

#CB651A

Tangerine · Chocolate · Amber Brown

HEX
#CB651A
RGB
rgb(203, 101, 26)
HSL
hsl(25, 77%, 45%)
HSB
hsb(25, 87%, 80%)
CMYK
cmyk(0%, 50%, 87%, 20%)
Oklch
oklch(61.8% 0.152 50.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

140114
011301

Analogous

0A0113
140114
13010A

Triadic

140114
131301
011313

Split-Comp.

140114
0A1301
01130A

Tetradic

140114
130A01
011301
010A13

Contrast Matrix WCAG 2.1 Contrast

140114
E0A9BA
9E0F59
A64C9E
CB651A
—
10.1
AAA
2.6
Fail
4.0
AA Large
5.2
AA
10.1
AAA
—
4.0
AA Large
2.5
Fail
1.9
Fail
2.6
Fail
4.0
AA Large
—
1.6
Fail
2.0
Fail
4.0
AA Large
2.5
Fail
1.6
Fail
—
1.3
Fail
5.2
AA
1.9
Fail
2.0
Fail
1.3
Fail
—
White BG
20.1AAA
2.0Fail
7.9AAA
5.1AA
3.9AA Large
Black BG
1.0Fail
10.6AAA
2.7Fail
4.1AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C0F
C8C8B6
605F47
7F7E8A
9F9E2C

Deuteranopia

0D0E0E
CBCFB5
687343
848B85
A5AC31

Tritanopia

130C0B
DDB3B2
973936
A27A77
C63A3E

Achromatopsia

090909
BBBBBB
424242
707070
7B7B7B

Shades & Tints Shades & Tints

#140114

Dark
Light

#E0A9BA

Dark
Light

#9E0F59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #140114;
  --color-2: #e0a9ba;
  --color-3: #9e0f59;
  --color-4: #a64c9e;
  --color-5: #cb651a;
}

SCSS

$color-1: #140114;
$color-2: #e0a9ba;
$color-3: #9e0f59;
$color-4: #a64c9e;
$color-5: #cb651a;

TAILWIND

colors: {
  'brand-1': '#140114',
  'brand-2': '#e0a9ba',
  'brand-3': '#9e0f59',
  'brand-4': '#a64c9e',
  'brand-5': '#cb651a',
}

RGB Array

[20, 1, 20], [224, 169, 186], [158, 15, 89], [166, 76, 158], [203, 101, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #140114, #E0A9BA, #9E0F59, #A64C9E, #CB651A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #140114; --color-2: #e0a9ba; --color-3: #9e0f59; --color-4: #a64c9e; --color-5: #cb651a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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