← Back to Editor

#A89D87 · #BAB100 · #F91659 · #B31D6A · #2E2444

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

#A89D87

Ginger · DarkGray · Sunflower

HEX
#A89D87
RGB
rgb(168, 157, 135)
HSL
hsl(40, 16%, 59%)
HSB
hsb(40, 20%, 66%)
CMYK
cmyk(0%, 7%, 20%, 34%)
Oklch
oklch(69.9% 0.034 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BAB100

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#BAB100
RGB
rgb(186, 177, 0)
HSL
hsl(57, 100%, 36%)
HSB
hsb(57, 100%, 73%)
CMYK
cmyk(0%, 5%, 100%, 27%)
Oklch
oklch(74.4% 0.159 106.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F91659

Dark Violet · Crimson · Rose Pink

HEX
#F91659
RGB
rgb(249, 22, 89)
HSL
hsl(342, 95%, 53%)
HSB
hsb(342, 91%, 98%)
CMYK
cmyk(0%, 91%, 64%, 2%)
Oklch
oklch(63.0% 0.245 14.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B31D6A

Rose Purple · MediumVioletRed · Camellia

HEX
#B31D6A
RGB
rgb(179, 29, 106)
HSL
hsl(329, 72%, 41%)
HSB
hsb(329, 84%, 70%)
CMYK
cmyk(0%, 84%, 41%, 30%)
Oklch
oklch(51.2% 0.192 356.0)

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

#2E2444

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2E2444
RGB
rgb(46, 36, 68)
HSL
hsl(259, 31%, 20%)
HSB
hsb(259, 47%, 27%)
CMYK
cmyk(32%, 47%, 0%, 73%)
Oklch
oklch(28.8% 0.058 297.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A89D87
8691A7

Analogous

A78B86
A89D87
A2A786

Triadic

A89D87
86A79C
9C86A7

Split-Comp.

A89D87
86A2A7
8B86A7

Tetradic

A89D87
86A78B
8691A7
A786A2

Contrast Matrix WCAG 2.1 Contrast

A89D87
BAB100
F91659
B31D6A
2E2444
—
1.2
Fail
1.5
Fail
2.4
Fail
5.4
AA
1.2
Fail
—
1.8
Fail
2.8
Fail
6.5
AA
1.5
Fail
1.8
Fail
—
1.6
Fail
3.6
AA Large
2.4
Fail
2.8
Fail
1.6
Fail
—
2.3
Fail
5.4
AA
6.5
AA
3.6
AA Large
2.3
Fail
—
White BG
2.7Fail
2.2Fail
4.0AA Large
6.4AA
14.5AAA
Black BG
7.8AAA
9.4AAA
5.3AA
3.3AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A38C
B6B62B
979549
727157
2A2A3C

Deuteranopia

A4A58E
B7B735
A4B545
7B8653
2A2B3A

Tritanopia

A79191
BA4D54
EE3C39
AB4945
2D3635

Achromatopsia

9E9E9E
A0A0A0
626262
535353
2B2B2B

Shades & Tints Shades & Tints

#A89D87

Dark
Light

#BAB100

Dark
Light

#F91659

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a89d87;
  --color-2: #bab100;
  --color-3: #f91659;
  --color-4: #b31d6a;
  --color-5: #2e2444;
}

SCSS

$color-1: #a89d87;
$color-2: #bab100;
$color-3: #f91659;
$color-4: #b31d6a;
$color-5: #2e2444;

TAILWIND

colors: {
  'brand-1': '#a89d87',
  'brand-2': '#bab100',
  'brand-3': '#f91659',
  'brand-4': '#b31d6a',
  'brand-5': '#2e2444',
}

RGB Array

[168, 157, 135], [186, 177, 0], [249, 22, 89], [179, 29, 106], [46, 36, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A89D87, #BAB100, #F91659, #B31D6A, #2E2444 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: #a89d87; --color-2: #bab100; --color-3: #f91659; --color-4: #b31d6a; --color-5: #2e2444. 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