← Back to Editor

#BD9C19 · #FC0C64 · #FAC000 · #E4E415 · #C3E415

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

#BD9C19

Ochre · DarkGoldenRod · Honey Gold

HEX
#BD9C19
RGB
rgb(189, 156, 25)
HSL
hsl(48, 77%, 42%)
HSB
hsb(48, 87%, 74%)
CMYK
cmyk(0%, 17%, 87%, 26%)
Oklch
oklch(70.3% 0.138 92.9)

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

#FC0C64

Dark Violet · DeepPink · Rose Pink

HEX
#FC0C64
RGB
rgb(252, 12, 100)
HSL
hsl(338, 98%, 52%)
HSB
hsb(338, 95%, 99%)
CMYK
cmyk(0%, 95%, 60%, 1%)
Oklch
oklch(63.5% 0.251 11.0)

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

#FAC000

Ochre · Gold · Honey Gold

HEX
#FAC000
RGB
rgb(250, 192, 0)
HSL
hsl(46, 100%, 49%)
HSB
hsb(46, 100%, 98%)
CMYK
cmyk(0%, 23%, 100%, 2%)
Oklch
oklch(83.7% 0.171 86.5)

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

#E4E415

Autumn Sage · Gold · Honey Gold

HEX
#E4E415
RGB
rgb(228, 228, 21)
HSL
hsl(60, 83%, 49%)
HSB
hsb(60, 91%, 89%)
CMYK
cmyk(0%, 0%, 91%, 11%)
Oklch
oklch(89.0% 0.191 109.7)

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

#C3E415

Grass Green · GreenYellow · Olive Green

HEX
#C3E415
RGB
rgb(195, 228, 21)
HSL
hsl(70, 83%, 49%)
HSB
hsb(70, 91%, 89%)
CMYK
cmyk(14%, 0%, 91%, 11%)
Oklch
oklch(86.4% 0.202 119.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD9C19
193ABE

Analogous

BE4A19
BD9C19
8CBE19

Triadic

BD9C19
19BE9D
9D19BE

Split-Comp.

BD9C19
198CBE
4A19BE

Tetradic

BD9C19
19BE4A
193ABE
BE198C

Contrast Matrix WCAG 2.1 Contrast

BD9C19
FC0C64
FAC000
E4E415
C3E415
—
1.5
Fail
1.6
Fail
1.9
Fail
1.8
Fail
1.5
Fail
—
2.3
Fail
2.9
Fail
2.7
Fail
1.6
Fail
2.3
Fail
—
1.2
Fail
1.1
Fail
1.9
Fail
2.9
Fail
1.2
Fail
—
1.1
Fail
1.8
Fail
2.7
Fail
1.1
Fail
1.1
Fail
—
White BG
2.6Fail
3.9AA Large
1.7Fail
1.4Fail
1.5Fail
Black BG
7.9AAA
5.4AA
12.6AAA
15.4AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE39
94924F
E1E02E
E4E447
D1D247

Deuteranopia

B1B340
A2B44A
E4E93A
E4E453
CFCD53

Tritanopia

BB5257
F03E3A
F7535B
E46F77
C56F77

Achromatopsia

979797
5E5E5E
BBBBBB
CCCCCC
C3C3C3

Shades & Tints Shades & Tints

#BD9C19

Dark
Light

#FC0C64

Dark
Light

#FAC000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd9c19;
  --color-2: #fc0c64;
  --color-3: #fac000;
  --color-4: #e4e415;
  --color-5: #c3e415;
}

SCSS

$color-1: #bd9c19;
$color-2: #fc0c64;
$color-3: #fac000;
$color-4: #e4e415;
$color-5: #c3e415;

TAILWIND

colors: {
  'brand-1': '#bd9c19',
  'brand-2': '#fc0c64',
  'brand-3': '#fac000',
  'brand-4': '#e4e415',
  'brand-5': '#c3e415',
}

RGB Array

[189, 156, 25], [252, 12, 100], [250, 192, 0], [228, 228, 21], [195, 228, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #BD9C19, #FC0C64, #FAC000, #E4E415, #C3E415 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: #bd9c19; --color-2: #fc0c64; --color-3: #fac000; --color-4: #e4e415; --color-5: #c3e415. 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