← Back to Editor

#EF6616 · #F14016 · #BC0022 · #300648 · #1C0635

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 Page

Color Details Color Details

#EF6616

Tangerine · Chocolate · Warm Sun

HEX
#EF6616
RGB
rgb(239, 102, 22)
HSL
hsl(22, 87%, 51%)
HSB
hsb(22, 91%, 94%)
CMYK
cmyk(0%, 57%, 91%, 6%)
Oklch
oklch(67.2% 0.187 44.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F14016

Vermilion · OrangeRed · Passion Red

HEX
#F14016
RGB
rgb(241, 64, 22)
HSL
hsl(12, 89%, 52%)
HSB
hsb(12, 91%, 95%)
CMYK
cmyk(0%, 73%, 91%, 5%)
Oklch
oklch(63.3% 0.219 33.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#BC0022

Vermilion · FireBrick · Wine Red

HEX
#BC0022
RGB
rgb(188, 0, 34)
HSL
hsl(349, 100%, 37%)
HSB
hsb(349, 100%, 74%)
CMYK
cmyk(0%, 100%, 82%, 26%)
Oklch
oklch(50.1% 0.203 23.8)

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

#300648

Royal Purple · MidnightBlue · Dark Purple

HEX
#300648
RGB
rgb(48, 6, 72)
HSL
hsl(278, 85%, 15%)
HSB
hsb(278, 92%, 28%)
CMYK
cmyk(33%, 92%, 0%, 72%)
Oklch
oklch(24.5% 0.113 308.8)

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

#1C0635

Deep Indigo · Black · Dark Purple

HEX
#1C0635
RGB
rgb(28, 6, 53)
HSL
hsl(268, 80%, 12%)
HSB
hsb(268, 89%, 21%)
CMYK
cmyk(47%, 89%, 0%, 79%)
Oklch
oklch(19.6% 0.086 299.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF6616
159FEF

Analogous

EF1532
EF6616
EFD215

Triadic

EF6616
15EF65
6515EF

Split-Comp.

EF6616
15EFD2
1532EF

Tetradic

EF6616
32EF15
159FEF
D215EF

Contrast Matrix WCAG 2.1 Contrast

EF6616
F14016
BC0022
300648
1C0635
—
1.2
Fail
2.1
Fail
5.3
AA
5.8
AA
1.2
Fail
—
1.7
Fail
4.4
AA Large
4.9
AA
2.1
Fail
1.7
Fail
—
2.5
Fail
2.8
Fail
5.3
AA
4.4
AA Large
2.5
Fail
—
1.1
Fail
5.8
AA
4.9
AA
2.8
Fail
1.1
Fail
—
White BG
3.2AA Large
3.8AA Large
6.6AA
16.9AAA
18.6AAA
Black BG
6.6AA
5.5AA
3.2AA Large
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B229
A4A320
6B691A
1E1D38
12122A

Deuteranopia

BCC62E
AFBC23
768418
202334
141527

Tritanopia

E8393C
E8282A
B31312
2E2B29
1B211F

Achromatopsia

868686
707070
3C3C3C
1A1A1A
121212

Shades & Tints Shades & Tints

#EF6616

Dark
Light

#F14016

Dark
Light

#BC0022

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef6616;
  --color-2: #f14016;
  --color-3: #bc0022;
  --color-4: #300648;
  --color-5: #1c0635;
}

SCSS

$color-1: #ef6616;
$color-2: #f14016;
$color-3: #bc0022;
$color-4: #300648;
$color-5: #1c0635;

TAILWIND

colors: {
  'brand-1': '#ef6616',
  'brand-2': '#f14016',
  'brand-3': '#bc0022',
  'brand-4': '#300648',
  'brand-5': '#1c0635',
}

RGB Array

[239, 102, 22], [241, 64, 22], [188, 0, 34], [48, 6, 72], [28, 6, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #EF6616, #F14016, #BC0022, #300648, #1C0635 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #ef6616; --color-2: #f14016; --color-3: #bc0022; --color-4: #300648; --color-5: #1c0635. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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