← Back to Editor

#E1AA8B · #FA6261 · #F10B4B · #950341 · #12062E

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#E1AA8B

Apricot · BurlyWood · Warm Sun

HEX
#E1AA8B
RGB
rgb(225, 170, 139)
HSL
hsl(22, 59%, 71%)
HSB
hsb(22, 38%, 88%)
CMYK
cmyk(0%, 24%, 38%, 12%)
Oklch
oklch(78.1% 0.078 50.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FA6261

Peach Pink · Tomato · Coral Red

HEX
#FA6261
RGB
rgb(250, 98, 97)
HSL
hsl(0, 94%, 68%)
HSB
hsb(0, 61%, 98%)
CMYK
cmyk(0%, 61%, 61%, 2%)
Oklch
oklch(69.1% 0.187 23.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F10B4B

Dark Violet · Crimson · Camellia

HEX
#F10B4B
RGB
rgb(241, 11, 75)
HSL
hsl(343, 91%, 49%)
HSB
hsb(343, 95%, 95%)
CMYK
cmyk(0%, 95%, 69%, 5%)
Oklch
oklch(61.0% 0.241 17.2)

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

#950341

Dark Violet · Brown · Camellia

HEX
#950341
RGB
rgb(149, 3, 65)
HSL
hsl(335, 96%, 30%)
HSB
hsb(335, 98%, 58%)
CMYK
cmyk(0%, 98%, 56%, 42%)
Oklch
oklch(43.1% 0.171 6.3)

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

#12062E

Deep Indigo · Black · Deep Sea Blue

HEX
#12062E
RGB
rgb(18, 6, 46)
HSL
hsl(258, 77%, 10%)
HSB
hsb(258, 87%, 18%)
CMYK
cmyk(61%, 87%, 0%, 82%)
Oklch
oklch(17.4% 0.076 290.6)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1AA8B
89C1E1

Analogous

E18995
E1AA8B
E1D589

Triadic

E1AA8B
89E1A9
A989E1

Split-Comp.

E1AA8B
89E1D5
8995E1

Tetradic

E1AA8B
95E189
89C1E1
D589E1

Contrast Matrix WCAG 2.1 Contrast

E1AA8B
FA6261
F10B4B
950341
12062E
—
1.5
Fail
2.1
Fail
4.4
AA Large
9.5
AAA
1.5
Fail
—
1.4
Fail
3.0
Fail
6.4
AA
2.1
Fail
1.4
Fail
—
2.1
Fail
4.5
AA Large
4.4
AA Large
3.0
Fail
2.1
Fail
—
2.2
Fail
9.5
AAA
6.4
AA
4.5
AA Large
2.2
Fail
—
White BG
2.0Fail
3.0AA Large
4.3AA Large
8.9AAA
19.2AAA
Black BG
10.3AAA
7.0AA
4.9AA
2.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C993
B8B761
8D8B3C
565432
0D0D24

Deuteranopia

CCD194
C1CC61
9BAC38
5E692E
0E0E22

Tritanopia

DE989A
F26161
E62F2D
8E2624
111D1B

Achromatopsia

B7B7B7
8F8F8F
575757
363636
0E0E0E

Shades & Tints Shades & Tints

#E1AA8B

Dark
Light

#FA6261

Dark
Light

#F10B4B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1aa8b;
  --color-2: #fa6261;
  --color-3: #f10b4b;
  --color-4: #950341;
  --color-5: #12062e;
}

SCSS

$color-1: #e1aa8b;
$color-2: #fa6261;
$color-3: #f10b4b;
$color-4: #950341;
$color-5: #12062e;

TAILWIND

colors: {
  'brand-1': '#e1aa8b',
  'brand-2': '#fa6261',
  'brand-3': '#f10b4b',
  'brand-4': '#950341',
  'brand-5': '#12062e',
}

RGB Array

[225, 170, 139], [250, 98, 97], [241, 11, 75], [149, 3, 65], [18, 6, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #E1AA8B, #FA6261, #F10B4B, #950341, #12062E 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: #e1aa8b; --color-2: #fa6261; --color-3: #f10b4b; --color-4: #950341; --color-5: #12062e. 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