← Back to Editor

#B31222 · #ED5F39 · #AABA4F · #800F79 · #CB035B

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#B31222

Vermilion · FireBrick · Wine Red

HEX
#B31222
RGB
rgb(179, 18, 34)
HSL
hsl(354, 82%, 39%)
HSB
hsb(354, 90%, 70%)
CMYK
cmyk(0%, 90%, 81%, 30%)
Oklch
oklch(48.9% 0.189 24.6)

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

#ED5F39

Vermilion · Tomato · Passion Red

HEX
#ED5F39
RGB
rgb(237, 95, 57)
HSL
hsl(13, 83%, 58%)
HSB
hsb(13, 76%, 93%)
CMYK
cmyk(0%, 60%, 76%, 7%)
Oklch
oklch(66.2% 0.184 35.8)

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

#AABA4F

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#AABA4F
RGB
rgb(170, 186, 79)
HSL
hsl(69, 44%, 52%)
HSB
hsb(69, 58%, 73%)
CMYK
cmyk(9%, 0%, 58%, 27%)
Oklch
oklch(75.5% 0.133 116.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#800F79

Rose Purple · Purple · Eggplant

HEX
#800F79
RGB
rgb(128, 15, 121)
HSL
hsl(304, 79%, 28%)
HSB
hsb(304, 88%, 50%)
CMYK
cmyk(0%, 88%, 5%, 50%)
Oklch
oklch(42.2% 0.180 331.2)

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

#CB035B

Dark Violet · Crimson · Camellia

HEX
#CB035B
RGB
rgb(203, 3, 91)
HSL
hsl(334, 97%, 40%)
HSB
hsb(334, 99%, 80%)
CMYK
cmyk(0%, 99%, 55%, 20%)
Oklch
oklch(54.1% 0.216 6.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B31222
12B5A5

Analogous

B51274
B31222
B55312

Triadic

B31222
22B512
1222B5

Split-Comp.

B31222
12B553
1274B5

Tetradic

B31222
74B512
12B5A5
5312B5

Contrast Matrix WCAG 2.1 Contrast

B31222
ED5F39
AABA4F
800F79
CB035B
—
2.1
Fail
3.3
AA Large
1.3
Fail
1.2
Fail
2.1
Fail
—
1.6
Fail
2.8
Fail
1.7
Fail
3.3
AA Large
1.6
Fail
—
4.4
AA Large
2.7
Fail
1.3
Fail
2.8
Fail
4.4
AA Large
—
1.6
Fail
1.2
Fail
1.7
Fail
2.7
Fail
1.6
Fail
—
White BG
6.9AA
3.3AA Large
2.1Fail
9.3AAA
5.7AA
Black BG
3.0AA Large
6.3AA
9.8AAA
2.3Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6C1E
B0AE42
B1B169
4F4E5F
747346

Deuteranopia

77831D
B8C244
B0AF6F
565E59
808F41

Tritanopia

AB1B1A
E6494B
AB7D82
7A4B47
C13531

Achromatopsia

444444
858585
A9A9A9
3D3D3D
494949

Shades & Tints Shades & Tints

#B31222

Dark
Light

#ED5F39

Dark
Light

#AABA4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b31222;
  --color-2: #ed5f39;
  --color-3: #aaba4f;
  --color-4: #800f79;
  --color-5: #cb035b;
}

SCSS

$color-1: #b31222;
$color-2: #ed5f39;
$color-3: #aaba4f;
$color-4: #800f79;
$color-5: #cb035b;

TAILWIND

colors: {
  'brand-1': '#b31222',
  'brand-2': '#ed5f39',
  'brand-3': '#aaba4f',
  'brand-4': '#800f79',
  'brand-5': '#cb035b',
}

RGB Array

[179, 18, 34], [237, 95, 57], [170, 186, 79], [128, 15, 121], [203, 3, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #B31222, #ED5F39, #AABA4F, #800F79, #CB035B 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: #b31222; --color-2: #ed5f39; --color-3: #aaba4f; --color-4: #800f79; --color-5: #cb035b. 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