← Back to Editor

#BA2B40 · #ED375C · #DB6342 · #FFA238 · #D5EA77

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

#BA2B40

Vermilion · Brown · Passion Red

HEX
#BA2B40
RGB
rgb(186, 43, 64)
HSL
hsl(351, 62%, 45%)
HSB
hsb(351, 77%, 73%)
CMYK
cmyk(0%, 77%, 66%, 27%)
Oklch
oklch(52.3% 0.178 18.3)

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

#ED375C

Vermilion · Crimson · Passion Red

HEX
#ED375C
RGB
rgb(237, 55, 92)
HSL
hsl(348, 83%, 57%)
HSB
hsb(348, 77%, 93%)
CMYK
cmyk(0%, 77%, 61%, 7%)
Oklch
oklch(62.6% 0.216 15.2)

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

#DB6342

Vermilion · Tomato · Passion Red

HEX
#DB6342
RGB
rgb(219, 99, 66)
HSL
hsl(13, 68%, 56%)
HSB
hsb(13, 70%, 86%)
CMYK
cmyk(0%, 55%, 70%, 14%)
Oklch
oklch(64.2% 0.158 36.3)

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

#FFA238

Ginger · SandyBrown · Warm Sun

HEX
#FFA238
RGB
rgb(255, 162, 56)
HSL
hsl(32, 100%, 61%)
HSB
hsb(32, 78%, 100%)
CMYK
cmyk(0%, 36%, 78%, 0%)
Oklch
oklch(78.9% 0.158 64.5)

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

#D5EA77

Willow Green · Khaki · Apple Green

HEX
#D5EA77
RGB
rgb(213, 234, 119)
HSL
hsl(71, 73%, 69%)
HSB
hsb(71, 49%, 92%)
CMYK
cmyk(9%, 0%, 49%, 8%)
Oklch
oklch(89.8% 0.143 117.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA2B40
2CBAA5

Analogous

BA2C88
BA2B40
BA5D2C

Triadic

BA2B40
41BA2C
2C41BA

Split-Comp.

BA2B40
2CBA5D
2C88BA

Tetradic

BA2B40
88BA2C
2CBAA5
5D2CBA

Contrast Matrix WCAG 2.1 Contrast

BA2B40
ED375C
DB6342
FFA238
D5EA77
—
1.5
Fail
1.7
Fail
3.0
Fail
4.5
AA
1.5
Fail
—
1.1
Fail
2.0
Fail
3.0
Fail
1.7
Fail
1.1
Fail
—
1.8
Fail
2.7
Fail
3.0
Fail
2.0
Fail
1.8
Fail
—
1.5
Fail
4.5
AA
3.0
Fail
2.7
Fail
1.5
Fail
—
White BG
6.0AA
4.0AA Large
3.6AA Large
2.0Fail
1.3Fail
Black BG
3.5AA Large
5.3AA
5.9AA
10.5AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7B3B
9E9D53
A7A64A
D7D652
DEDE93

Deuteranopia

848F3A
A9B651
AEB74C
DCE358
DDDB9A

Tritanopia

B33736
E44C4A
D55052
FA666A
D6A9AE

Achromatopsia

585858
727272
838383
B2B2B2
D7D7D7

Shades & Tints Shades & Tints

#BA2B40

Dark
Light

#ED375C

Dark
Light

#DB6342

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba2b40;
  --color-2: #ed375c;
  --color-3: #db6342;
  --color-4: #ffa238;
  --color-5: #d5ea77;
}

SCSS

$color-1: #ba2b40;
$color-2: #ed375c;
$color-3: #db6342;
$color-4: #ffa238;
$color-5: #d5ea77;

TAILWIND

colors: {
  'brand-1': '#ba2b40',
  'brand-2': '#ed375c',
  'brand-3': '#db6342',
  'brand-4': '#ffa238',
  'brand-5': '#d5ea77',
}

RGB Array

[186, 43, 64], [237, 55, 92], [219, 99, 66], [255, 162, 56], [213, 234, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #BA2B40, #ED375C, #DB6342, #FFA238, #D5EA77 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: #ba2b40; --color-2: #ed375c; --color-3: #db6342; --color-4: #ffa238; --color-5: #d5ea77. 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