← Back to Editor

#5E4040 · #F75BA0 · #F797C1 · #FFF3A4 · #9DCD4F

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

#5E4040

Crimson · DarkOliveGreen · Wine Red

HEX
#5E4040
RGB
rgb(94, 64, 64)
HSL
hsl(0, 19%, 31%)
HSB
hsb(0, 32%, 37%)
CMYK
cmyk(0%, 32%, 32%, 63%)
Oklch
oklch(40.5% 0.042 19.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#F75BA0

Rouge · LightCoral · Rose Pink

HEX
#F75BA0
RGB
rgb(247, 91, 160)
HSL
hsl(333, 91%, 66%)
HSB
hsb(333, 63%, 97%)
CMYK
cmyk(0%, 63%, 35%, 3%)
Oklch
oklch(69.4% 0.200 356.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F797C1

Rouge · LightPink · Cherry Blossom

HEX
#F797C1
RGB
rgb(247, 151, 193)
HSL
hsl(334, 86%, 78%)
HSB
hsb(334, 39%, 97%)
CMYK
cmyk(0%, 39%, 22%, 3%)
Oklch
oklch(78.7% 0.125 352.6)

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

#FFF3A4

Fresh Green · Wheat · Lemon Cream

HEX
#FFF3A4
RGB
rgb(255, 243, 164)
HSL
hsl(52, 100%, 82%)
HSB
hsb(52, 36%, 100%)
CMYK
cmyk(0%, 5%, 36%, 0%)
Oklch
oklch(95.6% 0.099 100.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#9DCD4F

Grass Green · GreenYellow · Olive Green

HEX
#9DCD4F
RGB
rgb(157, 205, 79)
HSL
hsl(83, 56%, 56%)
HSB
hsb(83, 61%, 80%)
CMYK
cmyk(23%, 0%, 61%, 20%)
Oklch
oklch(78.9% 0.163 127.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E4040
405E5E

Analogous

5E404F
5E4040
5E4F40

Triadic

5E4040
405E40
40405E

Split-Comp.

5E4040
405E4F
404F5E

Tetradic

5E4040
4F5E40
405E5E
4F405E

Contrast Matrix WCAG 2.1 Contrast

5E4040
F75BA0
F797C1
FFF3A4
9DCD4F
—
3.0
AA Large
4.4
AA Large
8.1
AAA
4.9
AA
3.0
AA Large
—
1.5
Fail
2.7
Fail
1.6
Fail
4.4
AA Large
1.5
Fail
—
1.8
Fail
1.1
Fail
8.1
AAA
2.7
Fail
1.8
Fail
—
1.6
Fail
4.9
AA
1.6
Fail
1.1
Fail
1.6
Fail
—
White BG
9.2AAA
3.0AA Large
2.1Fail
1.1Fail
1.9Fail
Black BG
2.3Fail
7.0AA
10.2AAA
18.6AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

515140
B3B28F
CDCDB7
FAFAB7
B2B26D

Deuteranopia

535540
BDC88B
D3DAB4
FBFBBC
AFAB75

Tritanopia

5D4040
EF827F
F2AFAD
FEC6CA
9F868B

Achromatopsia

494949
929292
B8B8B8
EEEEEE
B0B0B0

Shades & Tints Shades & Tints

#5E4040

Dark
Light

#F75BA0

Dark
Light

#F797C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e4040;
  --color-2: #f75ba0;
  --color-3: #f797c1;
  --color-4: #fff3a4;
  --color-5: #9dcd4f;
}

SCSS

$color-1: #5e4040;
$color-2: #f75ba0;
$color-3: #f797c1;
$color-4: #fff3a4;
$color-5: #9dcd4f;

TAILWIND

colors: {
  'brand-1': '#5e4040',
  'brand-2': '#f75ba0',
  'brand-3': '#f797c1',
  'brand-4': '#fff3a4',
  'brand-5': '#9dcd4f',
}

RGB Array

[94, 64, 64], [247, 91, 160], [247, 151, 193], [255, 243, 164], [157, 205, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #5E4040, #F75BA0, #F797C1, #FFF3A4, #9DCD4F 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: #5e4040; --color-2: #f75ba0; --color-3: #f797c1; --color-4: #fff3a4; --color-5: #9dcd4f. 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