← Back to Editor

#ECD24A · #FFAD00 · #B97A29 · #9B300E · #5C3D15

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

#ECD24A

Fresh Green · SandyBrown · Sunflower

HEX
#ECD24A
RGB
rgb(236, 210, 74)
HSL
hsl(50, 81%, 61%)
HSB
hsb(50, 69%, 93%)
CMYK
cmyk(0%, 11%, 69%, 7%)
Oklch
oklch(86.2% 0.153 98.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FFAD00

Ochre · Orange · Honey Gold

HEX
#FFAD00
RGB
rgb(255, 173, 0)
HSL
hsl(41, 100%, 50%)
HSB
hsb(41, 100%, 100%)
CMYK
cmyk(0%, 32%, 100%, 0%)
Oklch
oklch(80.7% 0.170 74.8)

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

#B97A29

Ochre · Chocolate · Amber Brown

HEX
#B97A29
RGB
rgb(185, 122, 41)
HSL
hsl(34, 64%, 44%)
HSB
hsb(34, 78%, 73%)
CMYK
cmyk(0%, 34%, 78%, 27%)
Oklch
oklch(63.1% 0.122 68.3)

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

#9B300E

Vermilion · Brown · Wine Red

HEX
#9B300E
RGB
rgb(155, 48, 14)
HSL
hsl(14, 83%, 33%)
HSB
hsb(14, 91%, 61%)
CMYK
cmyk(0%, 69%, 91%, 39%)
Oklch
oklch(46.6% 0.148 36.4)

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

#5C3D15

Ochre · DarkOliveGreen · Cinnamon

HEX
#5C3D15
RGB
rgb(92, 61, 21)
HSL
hsl(34, 63%, 22%)
HSB
hsb(34, 77%, 36%)
CMYK
cmyk(0%, 34%, 77%, 64%)
Oklch
oklch(38.8% 0.070 69.7)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECD24A
4B66EC

Analogous

EC814B
ECD24A
B6EC4B

Triadic

ECD24A
4BECD1
D14BEC

Split-Comp.

ECD24A
4BB6EC
814BEC

Tetradic

ECD24A
4BEC81
4B66EC
EC4BB6

Contrast Matrix WCAG 2.1 Contrast

ECD24A
FFAD00
B97A29
9B300E
5C3D15
—
1.2
Fail
2.4
Fail
4.9
AA
6.5
AA
1.2
Fail
—
1.9
Fail
4.0
AA Large
5.3
AA
2.4
Fail
1.9
Fail
—
2.1
Fail
2.8
Fail
4.9
AA
4.0
AA Large
2.1
Fail
—
1.3
Fail
6.5
AA
5.3
AA
2.8
Fail
1.3
Fail
—
White BG
1.5Fail
1.9Fail
3.6AA Large
7.4AAA
9.8AAA
Black BG
13.9AAA
11.2AAA
5.9AA
2.8Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E16B
DBDB2A
9E9D3D
6D6C16
4F4E1F

Deuteranopia

E2E473
E0E634
A1A641
737B18
505321

Tritanopia

EB858B
FB4B52
B64C4F
961D1E
5A2628

Achromatopsia

CACACA
B2B2B2
848484
4C4C4C
424242

Shades & Tints Shades & Tints

#ECD24A

Dark
Light

#FFAD00

Dark
Light

#B97A29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecd24a;
  --color-2: #ffad00;
  --color-3: #b97a29;
  --color-4: #9b300e;
  --color-5: #5c3d15;
}

SCSS

$color-1: #ecd24a;
$color-2: #ffad00;
$color-3: #b97a29;
$color-4: #9b300e;
$color-5: #5c3d15;

TAILWIND

colors: {
  'brand-1': '#ecd24a',
  'brand-2': '#ffad00',
  'brand-3': '#b97a29',
  'brand-4': '#9b300e',
  'brand-5': '#5c3d15',
}

RGB Array

[236, 210, 74], [255, 173, 0], [185, 122, 41], [155, 48, 14], [92, 61, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #ECD24A, #FFAD00, #B97A29, #9B300E, #5C3D15 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: #ecd24a; --color-2: #ffad00; --color-3: #b97a29; --color-4: #9b300e; --color-5: #5c3d15. 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