← Back to Editor

#C300E8 · #B1FF01 · #4F01FF · #21FF46 · #F500B1

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

#C300E8

Royal Purple · DarkViolet · Violet

HEX
#C300E8
RGB
rgb(195, 0, 232)
HSL
hsl(290, 100%, 45%)
HSB
hsb(290, 100%, 91%)
CMYK
cmyk(16%, 100%, 0%, 9%)
Oklch
oklch(59.8% 0.288 319.1)

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

#B1FF01

Grass Green · GreenYellow · Olive Green

HEX
#B1FF01
RGB
rgb(177, 255, 1)
HSL
hsl(78, 100%, 50%)
HSB
hsb(78, 100%, 100%)
CMYK
cmyk(31%, 0%, 100%, 0%)
Oklch
oklch(91.4% 0.241 128.6)

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

#4F01FF

Deep Indigo · Blue · Navy Blue

HEX
#4F01FF
RGB
rgb(79, 1, 255)
HSL
hsl(258, 100%, 50%)
HSB
hsb(258, 100%, 100%)
CMYK
cmyk(69%, 100%, 0%, 0%)
Oklch
oklch(48.5% 0.297 278.1)

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

#21FF46

Emerald · LimeGreen · Olive Green

HEX
#21FF46
RGB
rgb(33, 255, 70)
HSL
hsl(130, 100%, 56%)
HSB
hsb(130, 87%, 100%)
CMYK
cmyk(87%, 0%, 73%, 0%)
Oklch
oklch(87.1% 0.273 144.3)

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

#F500B1

Rose Purple · DeepPink · Violet

HEX
#F500B1
RGB
rgb(245, 0, 177)
HSL
hsl(317, 100%, 48%)
HSB
hsb(317, 100%, 96%)
CMYK
cmyk(0%, 100%, 28%, 4%)
Oklch
oklch(64.6% 0.274 345.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C300E8
26E600

Analogous

4C00E6
C300E8
E60099

Triadic

C300E8
E6BF00
00E6BF

Split-Comp.

C300E8
99E600
00E64D

Tetradic

C300E8
E64C00
26E600
0099E6

Contrast Matrix WCAG 2.1 Contrast

C300E8
B1FF01
4F01FF
21FF46
F500B1
—
3.8
AA Large
1.6
Fail
3.4
AA Large
1.2
Fail
3.8
AA Large
—
6.2
AA
1.1
Fail
3.1
AA Large
1.6
Fail
6.2
AA
—
5.6
AA
2.0
Fail
3.4
AA Large
1.1
Fail
5.6
AA
—
2.8
Fail
1.2
Fail
3.1
AA Large
2.0
Fail
2.8
Fail
—
White BG
4.7AA
1.2Fail
7.6AAA
1.4Fail
3.8AA Large
Black BG
4.5AA Large
17.2AAA
2.8Fail
15.5AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6DB0
D3D33E
2D2DC2
818373
8B8986

Deuteranopia

7A89A2
CEC84D
3238B3
74647E
99AC7C

Tritanopia

B9847A
B56F7A
4B9186
2C969E
E9645D

Achromatopsia

555555
CBCBCB
353535
A8A8A8
5D5D5D

Shades & Tints Shades & Tints

#C300E8

Dark
Light

#B1FF01

Dark
Light

#4F01FF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c300e8;
  --color-2: #b1ff01;
  --color-3: #4f01ff;
  --color-4: #21ff46;
  --color-5: #f500b1;
}

SCSS

$color-1: #c300e8;
$color-2: #b1ff01;
$color-3: #4f01ff;
$color-4: #21ff46;
$color-5: #f500b1;

TAILWIND

colors: {
  'brand-1': '#c300e8',
  'brand-2': '#b1ff01',
  'brand-3': '#4f01ff',
  'brand-4': '#21ff46',
  'brand-5': '#f500b1',
}

RGB Array

[195, 0, 232], [177, 255, 1], [79, 1, 255], [33, 255, 70], [245, 0, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #C300E8, #B1FF01, #4F01FF, #21FF46, #F500B1 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #c300e8; --color-2: #b1ff01; --color-3: #4f01ff; --color-4: #21ff46; --color-5: #f500b1. 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. 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