← Back to Editor

#615C5C · #E30075 · #FF4A4A · #FFB319 · #EBE8E8

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

#615C5C

Ink Gray · DimGray · Charcoal

HEX
#615C5C
RGB
rgb(97, 92, 92)
HSL
hsl(0, 3%, 37%)
HSB
hsb(0, 5%, 38%)
CMYK
cmyk(0%, 5%, 5%, 62%)
Oklch
oklch(47.9% 0.006 17.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#E30075

Rose Purple · MediumVioletRed · Camellia

HEX
#E30075
RGB
rgb(227, 0, 117)
HSL
hsl(329, 100%, 45%)
HSB
hsb(329, 100%, 89%)
CMYK
cmyk(0%, 100%, 48%, 11%)
Oklch
oklch(59.2% 0.239 1.2)

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

#FF4A4A

Peach Pink · Tomato · Coral Red

HEX
#FF4A4A
RGB
rgb(255, 74, 74)
HSL
hsl(0, 100%, 65%)
HSB
hsb(0, 71%, 100%)
CMYK
cmyk(0%, 71%, 71%, 0%)
Oklch
oklch(67.0% 0.218 25.3)

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

#FFB319

Ginger · Orange · Sunflower

HEX
#FFB319
RGB
rgb(255, 179, 25)
HSL
hsl(40, 100%, 55%)
HSB
hsb(40, 90%, 100%)
CMYK
cmyk(0%, 30%, 90%, 0%)
Oklch
oklch(81.8% 0.167 77.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EBE8E8

Plain White · Linen · Cloud White

HEX
#EBE8E8
RGB
rgb(235, 232, 232)
HSL
hsl(0, 7%, 92%)
HSB
hsb(0, 1%, 92%)
CMYK
cmyk(0%, 1%, 1%, 8%)
Oklch
oklch(93.3% 0.003 17.2)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

615C5C
5C6161

Analogous

615C5E
615C5C
615E5C

Triadic

615C5C
5C615C
5C5C61

Split-Comp.

615C5C
5C615E
5C5E61

Tetradic

615C5C
5E615C
5C6161
5E5C61

Contrast Matrix WCAG 2.1 Contrast

615C5C
E30075
FF4A4A
FFB319
EBE8E8
—
1.4
Fail
2.0
Fail
3.7
AA Large
5.4
AA
1.4
Fail
—
1.4
Fail
2.6
Fail
3.8
AA Large
2.0
Fail
1.4
Fail
—
1.9
Fail
2.7
Fail
3.7
AA Large
2.6
Fail
1.9
Fail
—
1.5
Fail
5.4
AA
3.8
AA Large
2.7
Fail
1.5
Fail
—
White BG
6.6AA
4.6AA
3.3AA Large
1.8Fail
1.2Fail
Black BG
3.2AA Large
4.5AA
6.3AA
11.7AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F5C
817F59
B1AF4A
DEDD3E
EAEAE8

Deuteranopia

5F5F5C
8E9F52
BBC94A
E3E847
EAEAE8

Tritanopia

615C5C
D8423D
F64A4A
FB5C62
EBE8E8

Achromatopsia

5D5D5D
515151
808080
B8B8B8
E9E9E9

Shades & Tints Shades & Tints

#615C5C

Dark
Light

#E30075

Dark
Light

#FF4A4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #615c5c;
  --color-2: #e30075;
  --color-3: #ff4a4a;
  --color-4: #ffb319;
  --color-5: #ebe8e8;
}

SCSS

$color-1: #615c5c;
$color-2: #e30075;
$color-3: #ff4a4a;
$color-4: #ffb319;
$color-5: #ebe8e8;

TAILWIND

colors: {
  'brand-1': '#615c5c',
  'brand-2': '#e30075',
  'brand-3': '#ff4a4a',
  'brand-4': '#ffb319',
  'brand-5': '#ebe8e8',
}

RGB Array

[97, 92, 92], [227, 0, 117], [255, 74, 74], [255, 179, 25], [235, 232, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #615C5C, #E30075, #FF4A4A, #FFB319, #EBE8E8 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: #615c5c; --color-2: #e30075; --color-3: #ff4a4a; --color-4: #ffb319; --color-5: #ebe8e8. 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