← Back to Editor

#901F31 · #771A60 · #5D55A0 · #378ED1 · #11C1E8

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

#901F31

Vermilion · Brown · Wine Red

HEX
#901F31
RGB
rgb(144, 31, 49)
HSL
hsl(350, 65%, 34%)
HSB
hsb(350, 78%, 56%)
CMYK
cmyk(0%, 78%, 66%, 44%)
Oklch
oklch(43.3% 0.148 17.6)

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

#771A60

Rose Purple · Purple · Eggplant

HEX
#771A60
RGB
rgb(119, 26, 96)
HSL
hsl(315, 64%, 28%)
HSB
hsb(315, 78%, 47%)
CMYK
cmyk(0%, 78%, 19%, 53%)
Oklch
oklch(40.0% 0.148 340.0)

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

#5D55A0

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#5D55A0
RGB
rgb(93, 85, 160)
HSL
hsl(246, 31%, 48%)
HSB
hsb(246, 47%, 63%)
CMYK
cmyk(42%, 47%, 0%, 37%)
Oklch
oklch(49.3% 0.117 286.1)

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

#378ED1

Lake Blue · SteelBlue · Navy Blue

HEX
#378ED1
RGB
rgb(55, 142, 209)
HSL
hsl(206, 63%, 52%)
HSB
hsb(206, 74%, 82%)
CMYK
cmyk(74%, 32%, 0%, 18%)
Oklch
oklch(62.6% 0.130 245.5)

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

#11C1E8

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#11C1E8
RGB
rgb(17, 193, 232)
HSL
hsl(191, 86%, 49%)
HSB
hsb(191, 93%, 91%)
CMYK
cmyk(93%, 17%, 0%, 9%)
Oklch
oklch(75.0% 0.134 219.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

901F31
1E8F7C

Analogous

8F1E69
901F31
8F441E

Triadic

901F31
318F1E
1E318F

Split-Comp.

901F31
1E8F44
1E698F

Tetradic

901F31
698F1E
1E8F7C
441E8F

Contrast Matrix WCAG 2.1 Contrast

901F31
771A60
5D55A0
378ED1
11C1E8
—
1.2
Fail
1.3
Fail
2.5
Fail
4.0
AA Large
1.2
Fail
—
1.6
Fail
2.8
Fail
4.7
AA
1.3
Fail
1.6
Fail
—
1.8
Fail
3.0
Fail
2.5
Fail
2.8
Fail
1.8
Fail
—
1.6
Fail
4.0
AA Large
4.7
AA
3.0
Fail
1.6
Fail
—
White BG
8.7AAA
10.0AAA
6.4AA
3.5AA Large
2.1Fail
Black BG
2.4Fail
2.1Fail
3.3AA Large
6.0AA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5E2D
4F4E4F
5A598E
5D5DC1
5D5FDF

Deuteranopia

666E2C
545B4B
5A5B8A
5851BD
5346DC

Tritanopia

8A2928
72423F
5D807C
3BB4B1
1AD7D5

Achromatopsia

434343
3E3E3E
606060
7C7C7C
919191

Shades & Tints Shades & Tints

#901F31

Dark
Light

#771A60

Dark
Light

#5D55A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #901f31;
  --color-2: #771a60;
  --color-3: #5d55a0;
  --color-4: #378ed1;
  --color-5: #11c1e8;
}

SCSS

$color-1: #901f31;
$color-2: #771a60;
$color-3: #5d55a0;
$color-4: #378ed1;
$color-5: #11c1e8;

TAILWIND

colors: {
  'brand-1': '#901f31',
  'brand-2': '#771a60',
  'brand-3': '#5d55a0',
  'brand-4': '#378ed1',
  'brand-5': '#11c1e8',
}

RGB Array

[144, 31, 49], [119, 26, 96], [93, 85, 160], [55, 142, 209], [17, 193, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #901F31, #771A60, #5D55A0, #378ED1, #11C1E8 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: #901f31; --color-2: #771a60; --color-3: #5d55a0; --color-4: #378ed1; --color-5: #11c1e8. 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