← Back to Editor

#323C46 · #2579F6 · #5ACB89 · #FFFB4E · #F29E44

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 PageData Visualization

Color Details Color Details

#323C46

Indigo · DarkSlateGray · Prussian Blue

HEX
#323C46
RGB
rgb(50, 60, 70)
HSL
hsl(210, 17%, 24%)
HSB
hsb(210, 29%, 27%)
CMYK
cmyk(29%, 14%, 0%, 73%)
Oklch
oklch(35.1% 0.022 248.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#2579F6

Azure · DodgerBlue · Navy Blue

HEX
#2579F6
RGB
rgb(37, 121, 246)
HSL
hsl(216, 92%, 55%)
HSB
hsb(216, 85%, 96%)
CMYK
cmyk(85%, 51%, 0%, 4%)
Oklch
oklch(59.9% 0.203 259.1)

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

#5ACB89

Emerald · MediumAquaMarine · Olive Green

HEX
#5ACB89
RGB
rgb(90, 203, 137)
HSL
hsl(145, 52%, 57%)
HSB
hsb(145, 56%, 80%)
CMYK
cmyk(56%, 0%, 33%, 20%)
Oklch
oklch(75.9% 0.141 155.2)

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

#FFFB4E

Fresh Green · Khaki · Sunflower

HEX
#FFFB4E
RGB
rgb(255, 251, 78)
HSL
hsl(59, 100%, 65%)
HSB
hsb(59, 69%, 100%)
CMYK
cmyk(0%, 2%, 69%, 0%)
Oklch
oklch(96.2% 0.184 108.1)

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

#F29E44

Ginger · SandyBrown · Warm Sun

HEX
#F29E44
RGB
rgb(242, 158, 68)
HSL
hsl(31, 87%, 61%)
HSB
hsb(31, 72%, 95%)
CMYK
cmyk(0%, 35%, 72%, 5%)
Oklch
oklch(76.8% 0.143 64.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

323C46
483D33

Analogous

334848
323C46
333348

Triadic

323C46
48333D
3D4833

Split-Comp.

323C46
483333
484833

Tetradic

323C46
483348
483D33
334833

Contrast Matrix WCAG 2.1 Contrast

323C46
2579F6
5ACB89
FFFB4E
F29E44
—
2.8
Fail
5.5
AA
10.2
AAA
5.2
AA
2.8
Fail
—
2.0
Fail
3.7
AA Large
1.9
Fail
5.5
AA
2.0
Fail
—
1.9
Fail
1.1
Fail
10.2
AAA
3.7
AA Large
1.9
Fail
—
2.0
Fail
5.2
AA
1.9
Fail
1.1
Fail
2.0
Fail
—
White BG
11.2AAA
4.1AA Large
2.0Fail
1.1Fail
2.2Fail
Black BG
1.9Fail
5.1AA
10.3AAA
19.2AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363644
494AD8
8B8C99
FDFD78
CECD5A

Deuteranopia

363543
453ED1
847C9D
FEFE82
D3D95F

Tritanopia

334241
29C0BB
60A6A8
FF99A0
EE6B6F

Achromatopsia

3A3A3A
6E6E6E
A2A2A2
E8E8E8
ADADAD

Shades & Tints Shades & Tints

#323C46

Dark
Light

#2579F6

Dark
Light

#5ACB89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #323c46;
  --color-2: #2579f6;
  --color-3: #5acb89;
  --color-4: #fffb4e;
  --color-5: #f29e44;
}

SCSS

$color-1: #323c46;
$color-2: #2579f6;
$color-3: #5acb89;
$color-4: #fffb4e;
$color-5: #f29e44;

TAILWIND

colors: {
  'brand-1': '#323c46',
  'brand-2': '#2579f6',
  'brand-3': '#5acb89',
  'brand-4': '#fffb4e',
  'brand-5': '#f29e44',
}

RGB Array

[50, 60, 70], [37, 121, 246], [90, 203, 137], [255, 251, 78], [242, 158, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #323C46, #2579F6, #5ACB89, #FFFB4E, #F29E44 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: #323c46; --color-2: #2579f6; --color-3: #5acb89; --color-4: #fffb4e; --color-5: #f29e44. 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