← Back to Editor

#40E42D · #D7FF47 · #A4B300 · #63561F · #240809

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 PageData Visualization

Color Details Color Details

#40E42D

Emerald · LimeGreen · Olive Green

HEX
#40E42D
RGB
rgb(64, 228, 45)
HSL
hsl(114, 77%, 54%)
HSB
hsb(114, 80%, 89%)
CMYK
cmyk(72%, 0%, 80%, 11%)
Oklch
oklch(80.4% 0.251 141.7)

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

#D7FF47

Willow Green · GreenYellow · Apple Green

HEX
#D7FF47
RGB
rgb(215, 255, 71)
HSL
hsl(73, 100%, 64%)
HSB
hsb(73, 72%, 100%)
CMYK
cmyk(16%, 0%, 72%, 0%)
Oklch
oklch(94.0% 0.203 121.3)

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

#A4B300

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A4B300
RGB
rgb(164, 179, 0)
HSL
hsl(65, 100%, 35%)
HSB
hsb(65, 100%, 70%)
CMYK
cmyk(8%, 0%, 100%, 30%)
Oklch
oklch(73.0% 0.166 115.6)

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

#63561F

Ochre · DarkOliveGreen · Amber Gold

HEX
#63561F
RGB
rgb(99, 86, 31)
HSL
hsl(49, 52%, 25%)
HSB
hsb(49, 69%, 39%)
CMYK
cmyk(0%, 13%, 69%, 61%)
Oklch
oklch(45.4% 0.075 95.9)

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

#240809

Vermilion · Black · Deep Berry

HEX
#240809
RGB
rgb(36, 8, 9)
HSL
hsl(358, 64%, 9%)
HSB
hsb(358, 78%, 14%)
CMYK
cmyk(0%, 78%, 75%, 86%)
Oklch
oklch(18.4% 0.048 20.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40E42D
D22FE4

Analogous

9CE42F
40E42D
2FE478

Triadic

40E42D
2F41E4
E42F41

Split-Comp.

40E42D
782FE4
E42F9C

Tetradic

40E42D
2F9CE4
D22FE4
E4782F

Contrast Matrix WCAG 2.1 Contrast

40E42D
D7FF47
A4B300
63561F
240809
—
1.5
Fail
1.4
Fail
4.3
AA Large
11.1
AAA
1.5
Fail
—
2.0
Fail
6.3
AA
16.4
AAA
1.4
Fail
2.0
Fail
—
3.1
AA Large
8.1
AAA
4.3
AA Large
6.3
AA
3.1
AA Large
—
2.6
Fail
11.1
AAA
16.4
AAA
8.1
AAA
2.6
Fail
—
White BG
1.7Fail
1.1Fail
2.3Fail
7.3AAA
18.9AAA
Black BG
12.4AAA
18.3AAA
9.0AAA
2.9Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

878859
E8E974
AAAB2B
5D5D2C
181809

Deuteranopia

7E7164
E6E37E
AAA936
5E5F30
1A1C09

Tritanopia

487C84
D9979E
A54E55
623739
230909

Achromatopsia

9E9E9E
DEDEDE
9A9A9A
545454
101010

Shades & Tints Shades & Tints

#40E42D

Dark
Light

#D7FF47

Dark
Light

#A4B300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40e42d;
  --color-2: #d7ff47;
  --color-3: #a4b300;
  --color-4: #63561f;
  --color-5: #240809;
}

SCSS

$color-1: #40e42d;
$color-2: #d7ff47;
$color-3: #a4b300;
$color-4: #63561f;
$color-5: #240809;

TAILWIND

colors: {
  'brand-1': '#40e42d',
  'brand-2': '#d7ff47',
  'brand-3': '#a4b300',
  'brand-4': '#63561f',
  'brand-5': '#240809',
}

RGB Array

[64, 228, 45], [215, 255, 71], [164, 179, 0], [99, 86, 31], [36, 8, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #40E42D, #D7FF47, #A4B300, #63561F, #240809 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #40e42d; --color-2: #d7ff47; --color-3: #a4b300; --color-4: #63561f; --color-5: #240809. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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