← Back to Editor

#1D3F57 · #B51414 · #002638 · #F23711 · #238196

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

#1D3F57

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#1D3F57
RGB
rgb(29, 63, 87)
HSL
hsl(205, 50%, 23%)
HSB
hsb(205, 67%, 34%)
CMYK
cmyk(67%, 28%, 0%, 66%)
Oklch
oklch(35.4% 0.058 241.7)

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

#B51414

Vermilion · FireBrick · Wine Red

HEX
#B51414
RGB
rgb(181, 20, 20)
HSL
hsl(0, 80%, 39%)
HSB
hsb(0, 89%, 71%)
CMYK
cmyk(0%, 89%, 89%, 29%)
Oklch
oklch(49.3% 0.192 28.1)

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

#002638

Lake Blue · MidnightBlue · Peacock Green

HEX
#002638
RGB
rgb(0, 38, 56)
HSL
hsl(199, 100%, 11%)
HSB
hsb(199, 100%, 22%)
CMYK
cmyk(100%, 32%, 0%, 78%)
Oklch
oklch(25.3% 0.053 234.4)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#F23711

Vermilion · OrangeRed · Passion Red

HEX
#F23711
RGB
rgb(242, 55, 17)
HSL
hsl(10, 90%, 51%)
HSB
hsb(10, 93%, 95%)
CMYK
cmyk(0%, 77%, 93%, 5%)
Oklch
oklch(62.7% 0.226 32.5)

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

#238196

Lake Blue · Teal · Mint Ice

HEX
#238196
RGB
rgb(35, 129, 150)
HSL
hsl(191, 62%, 36%)
HSB
hsb(191, 77%, 59%)
CMYK
cmyk(77%, 14%, 0%, 41%)
Oklch
oklch(56.0% 0.089 216.4)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D3F57
58361D

Analogous

1D5853
1D3F57
1D2258

Triadic

1D3F57
581D40
40581D

Split-Comp.

1D3F57
581D22
58531D

Tetradic

1D3F57
531D58
58361D
22581D

Contrast Matrix WCAG 2.1 Contrast

1D3F57
B51414
002638
F23711
238196
—
1.6
Fail
1.4
Fail
2.8
Fail
2.4
Fail
1.6
Fail
—
2.3
Fail
1.7
Fail
1.5
Fail
1.4
Fail
2.3
Fail
—
4.0
AA Large
3.5
AA Large
2.8
Fail
1.7
Fail
4.0
AA Large
—
1.1
Fail
2.4
Fail
1.5
Fail
3.5
AA Large
1.1
Fail
—
White BG
11.0AAA
6.8AA
15.7AAA
3.9AA Large
4.5AA
Black BG
1.9Fail
3.1AA Large
1.3Fail
5.3AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C51
6F6E14
101134
A19F1A
4C4D91

Deuteranopia

2A2750
798514
0E0B33
ACBA1C
463F90

Tritanopia

1F4D4C
AD1414
02302F
E92123
288D8C

Achromatopsia

383838
444444
1D1D1D
6B6B6B
676767

Shades & Tints Shades & Tints

#1D3F57

Dark
Light

#B51414

Dark
Light

#002638

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d3f57;
  --color-2: #b51414;
  --color-3: #002638;
  --color-4: #f23711;
  --color-5: #238196;
}

SCSS

$color-1: #1d3f57;
$color-2: #b51414;
$color-3: #002638;
$color-4: #f23711;
$color-5: #238196;

TAILWIND

colors: {
  'brand-1': '#1d3f57',
  'brand-2': '#b51414',
  'brand-3': '#002638',
  'brand-4': '#f23711',
  'brand-5': '#238196',
}

RGB Array

[29, 63, 87], [181, 20, 20], [0, 38, 56], [242, 55, 17], [35, 129, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #1D3F57, #B51414, #002638, #F23711, #238196 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: #1d3f57; --color-2: #b51414; --color-3: #002638; --color-4: #f23711; --color-5: #238196. 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