← Back to Editor

#8BB084 · #BFBB71 · #CCAA43 · #D1A111 · #E87C00

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

#8BB084

Celadon · DarkSeaGreen · Olive Green

HEX
#8BB084
RGB
rgb(139, 176, 132)
HSL
hsl(110, 22%, 60%)
HSB
hsb(110, 25%, 69%)
CMYK
cmyk(21%, 0%, 25%, 31%)
Oklch
oklch(71.8% 0.074 140.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#BFBB71

Autumn Sage · Tan · Sunflower

HEX
#BFBB71
RGB
rgb(191, 187, 113)
HSL
hsl(57, 38%, 60%)
HSB
hsb(57, 41%, 75%)
CMYK
cmyk(0%, 2%, 41%, 25%)
Oklch
oklch(77.9% 0.096 105.7)

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

#CCAA43

Ginger · GoldenRod · Sunflower

HEX
#CCAA43
RGB
rgb(204, 170, 67)
HSL
hsl(45, 57%, 53%)
HSB
hsb(45, 67%, 80%)
CMYK
cmyk(0%, 17%, 67%, 20%)
Oklch
oklch(74.9% 0.126 90.6)

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

#D1A111

Ochre · GoldenRod · Honey Gold

HEX
#D1A111
RGB
rgb(209, 161, 17)
HSL
hsl(45, 85%, 44%)
HSB
hsb(45, 92%, 82%)
CMYK
cmyk(0%, 23%, 92%, 18%)
Oklch
oklch(73.4% 0.147 86.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E87C00

Ochre · Chocolate · Amber Brown

HEX
#E87C00
RGB
rgb(232, 124, 0)
HSL
hsl(32, 100%, 45%)
HSB
hsb(32, 100%, 91%)
CMYK
cmyk(0%, 47%, 100%, 9%)
Oklch
oklch(69.4% 0.168 56.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8BB084
A883AF

Analogous

A0AF83
8BB084
83AF92

Triadic

8BB084
838AAF
AF838A

Split-Comp.

8BB084
9283AF
AF83A0

Tetradic

8BB084
83A0AF
A883AF
AF9283

Contrast Matrix WCAG 2.1 Contrast

8BB084
BFBB71
CCAA43
D1A111
E87C00
—
1.2
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
White BG
2.4Fail
2.0Fail
2.2Fail
2.4Fail
2.9Fail
Black BG
8.6AAA
10.6AAA
9.4AAA
8.8AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9B8F
BDBD83
BDBD5C
BCBC34
B9B81E

Deuteranopia

999691
BEBE87
BFC262
BFC33C
C0C825

Tritanopia

8D9799
BF9194
CA7074
CF4F55
E3363B

Achromatopsia

A0A0A0
B4B4B4
A8A8A8
9F9F9F
8E8E8E

Shades & Tints Shades & Tints

#8BB084

Dark
Light

#BFBB71

Dark
Light

#CCAA43

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8bb084;
  --color-2: #bfbb71;
  --color-3: #ccaa43;
  --color-4: #d1a111;
  --color-5: #e87c00;
}

SCSS

$color-1: #8bb084;
$color-2: #bfbb71;
$color-3: #ccaa43;
$color-4: #d1a111;
$color-5: #e87c00;

TAILWIND

colors: {
  'brand-1': '#8bb084',
  'brand-2': '#bfbb71',
  'brand-3': '#ccaa43',
  'brand-4': '#d1a111',
  'brand-5': '#e87c00',
}

RGB Array

[139, 176, 132], [191, 187, 113], [204, 170, 67], [209, 161, 17], [232, 124, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #8BB084, #BFBB71, #CCAA43, #D1A111, #E87C00 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: #8bb084; --color-2: #bfbb71; --color-3: #ccaa43; --color-4: #d1a111; --color-5: #e87c00. 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