← Back to Editor

#F96743 · #C4E24A · #4A85E2 · #D64AE2 · #F42C50

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

#F96743

Peach Pink · Tomato · Coral Red

HEX
#F96743
RGB
rgb(249, 103, 67)
HSL
hsl(12, 94%, 62%)
HSB
hsb(12, 73%, 98%)
CMYK
cmyk(0%, 59%, 73%, 2%)
Oklch
oklch(69.2% 0.187 35.0)

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

#C4E24A

Grass Green · GreenYellow · Olive Green

HEX
#C4E24A
RGB
rgb(196, 226, 74)
HSL
hsl(72, 72%, 59%)
HSB
hsb(72, 67%, 89%)
CMYK
cmyk(13%, 0%, 67%, 11%)
Oklch
oklch(86.3% 0.176 119.9)

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

#4A85E2

Azure · CornflowerBlue · Navy Blue

HEX
#4A85E2
RGB
rgb(74, 133, 226)
HSL
hsl(217, 72%, 59%)
HSB
hsb(217, 67%, 89%)
CMYK
cmyk(67%, 41%, 0%, 11%)
Oklch
oklch(62.2% 0.154 259.2)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#D64AE2

Royal Purple · MediumOrchid · Violet

HEX
#D64AE2
RGB
rgb(214, 74, 226)
HSL
hsl(295, 72%, 59%)
HSB
hsb(295, 67%, 89%)
CMYK
cmyk(5%, 67%, 0%, 11%)
Oklch
oklch(65.9% 0.243 324.5)

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

#F42C50

Vermilion · Crimson · Passion Red

HEX
#F42C50
RGB
rgb(244, 44, 80)
HSL
hsl(349, 90%, 56%)
HSB
hsb(349, 82%, 96%)
CMYK
cmyk(0%, 82%, 67%, 4%)
Oklch
oklch(62.9% 0.230 18.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F96743
43D5F9

Analogous

F9437A
F96743
F9C343

Triadic

F96743
43F967
6743F9

Split-Comp.

F96743
43F9C3
437AF9

Tetradic

F96743
7AF943
43D5F9
C343F9

Contrast Matrix WCAG 2.1 Contrast

F96743
C4E24A
4A85E2
D64AE2
F42C50
—
2.0
Fail
1.2
Fail
1.2
Fail
1.3
Fail
2.0
Fail
—
2.5
Fail
2.4
Fail
2.7
Fail
1.2
Fail
2.5
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
2.4
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
2.7
Fail
1.1
Fail
1.1
Fail
—
White BG
3.0Fail
1.5Fail
3.7AA Large
3.5AA Large
3.9AA Large
Black BG
7.0AAA
14.3AAA
5.7AA
5.9AA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB84C
D1D16F
6464CB
9998BD
9D9C47

Deuteranopia

C2CD4E
CFCD78
605CC6
A2ACB4
A9B845

Tritanopia

F25354
C68C92
4DBAB6
CFA09A
EA403F

Achromatopsia

8F8F8F
C8C8C8
7E7E7E
858585
6C6C6C

Shades & Tints Shades & Tints

#F96743

Dark
Light

#C4E24A

Dark
Light

#4A85E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f96743;
  --color-2: #c4e24a;
  --color-3: #4a85e2;
  --color-4: #d64ae2;
  --color-5: #f42c50;
}

SCSS

$color-1: #f96743;
$color-2: #c4e24a;
$color-3: #4a85e2;
$color-4: #d64ae2;
$color-5: #f42c50;

TAILWIND

colors: {
  'brand-1': '#f96743',
  'brand-2': '#c4e24a',
  'brand-3': '#4a85e2',
  'brand-4': '#d64ae2',
  'brand-5': '#f42c50',
}

RGB Array

[249, 103, 67], [196, 226, 74], [74, 133, 226], [214, 74, 226], [244, 44, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #F96743, #C4E24A, #4A85E2, #D64AE2, #F42C50 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: #f96743; --color-2: #c4e24a; --color-3: #4a85e2; --color-4: #d64ae2; --color-5: #f42c50. 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