← Back to Editor

#E0B887 · #E89879 · #F75C7D · #C1416C · #800D5F

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

#E0B887

Ginger · BurlyWood · Warm Sun

HEX
#E0B887
RGB
rgb(224, 184, 135)
HSL
hsl(33, 59%, 70%)
HSB
hsb(33, 40%, 88%)
CMYK
cmyk(0%, 18%, 40%, 12%)
Oklch
oklch(80.6% 0.079 72.0)

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

#E89879

Apricot · DarkSalmon · Warm Sun

HEX
#E89879
RGB
rgb(232, 152, 121)
HSL
hsl(17, 71%, 69%)
HSB
hsb(17, 48%, 91%)
CMYK
cmyk(0%, 34%, 48%, 9%)
Oklch
oklch(75.3% 0.106 41.9)

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

#F75C7D

Peach Pink · LightCoral · Coral Red

HEX
#F75C7D
RGB
rgb(247, 92, 125)
HSL
hsl(347, 91%, 66%)
HSB
hsb(347, 63%, 97%)
CMYK
cmyk(0%, 63%, 49%, 3%)
Oklch
oklch(68.5% 0.190 10.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C1416C

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C1416C
RGB
rgb(193, 65, 108)
HSL
hsl(340, 51%, 51%)
HSB
hsb(340, 66%, 76%)
CMYK
cmyk(0%, 66%, 44%, 24%)
Oklch
oklch(56.7% 0.167 3.5)

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

#800D5F

Rose Purple · Purple · Eggplant

HEX
#800D5F
RGB
rgb(128, 13, 95)
HSL
hsl(317, 82%, 28%)
HSB
hsb(317, 90%, 50%)
CMYK
cmyk(0%, 90%, 26%, 50%)
Oklch
oklch(40.7% 0.164 343.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0B887
85AEE0

Analogous

E08A85
E0B887
DBE085

Triadic

E0B887
85E0B7
B785E0

Split-Comp.

E0B887
85DBE0
8A85E0

Tetradic

E0B887
85E08A
85AEE0
E085DB

Contrast Matrix WCAG 2.1 Contrast

E0B887
E89879
F75C7D
C1416C
800D5F
—
1.2
Fail
1.7
Fail
2.7
Fail
5.3
AA
1.2
Fail
—
1.4
Fail
2.2
Fail
4.3
AA Large
1.7
Fail
1.4
Fail
—
1.6
Fail
3.2
AA Large
2.7
Fail
2.2
Fail
1.6
Fail
—
2.0
Fail
5.3
AA
4.3
AA Large
3.2
AA Large
2.0
Fail
—
White BG
1.8Fail
2.3Fail
3.1AA Large
5.0AA
9.8AAA
Black BG
11.4AAA
9.2AAA
6.8AA
4.2AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCE93
C5C581
B4B275
8A8862
4E4D4B

Deuteranopia

D1D496
CAD082
BDC873
919B5F
555E46

Tritanopia

DE9C9E
E48688
EF6F6D
BB5958
7A3B38

Achromatopsia

BEBEBE
ACACAC
8E8E8E
6C6C6C
393939

Shades & Tints Shades & Tints

#E0B887

Dark
Light

#E89879

Dark
Light

#F75C7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0b887;
  --color-2: #e89879;
  --color-3: #f75c7d;
  --color-4: #c1416c;
  --color-5: #800d5f;
}

SCSS

$color-1: #e0b887;
$color-2: #e89879;
$color-3: #f75c7d;
$color-4: #c1416c;
$color-5: #800d5f;

TAILWIND

colors: {
  'brand-1': '#e0b887',
  'brand-2': '#e89879',
  'brand-3': '#f75c7d',
  'brand-4': '#c1416c',
  'brand-5': '#800d5f',
}

RGB Array

[224, 184, 135], [232, 152, 121], [247, 92, 125], [193, 65, 108], [128, 13, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #E0B887, #E89879, #F75C7D, #C1416C, #800D5F 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: #e0b887; --color-2: #e89879; --color-3: #f75c7d; --color-4: #c1416c; --color-5: #800d5f. 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