#454545 + #0ACC3B + #20DE07 + #2BFF05 + #5E5E5E · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#454545

Dark Cyan · DarkSlateGray · Charcoal

HEX

#454545

RGB

rgb(69, 69, 69)

HSL

hsl(0, 0%, 27%)

HSB

hsb(0, 0%, 27%)

CMYK

cmyk(0%, 0%, 0%, 73%)

Oklch

oklch(39.0% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#0ACC3B

Pine Green · LimeGreen · Olive Green

HEX

#0ACC3B

RGB

rgb(10, 204, 59)

HSL

hsl(135, 91%, 42%)

HSB

hsb(135, 95%, 80%)

CMYK

cmyk(95%, 0%, 71%, 20%)

Oklch

oklch(73.5% 0.229 145.1)

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

#20DE07

Pine Green · Lime · Olive Green

HEX

#20DE07

RGB

rgb(32, 222, 7)

HSL

hsl(113, 94%, 45%)

HSB

hsb(113, 97%, 87%)

CMYK

cmyk(86%, 0%, 97%, 13%)

Oklch

oklch(78.2% 0.262 142.0)

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

#2BFF05

Emerald · Lime · Olive Green

HEX

#2BFF05

RGB

rgb(43, 255, 5)

HSL

hsl(111, 100%, 51%)

HSB

hsb(111, 98%, 100%)

CMYK

cmyk(83%, 0%, 98%, 0%)

Oklch

oklch(86.9% 0.290 141.8)

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

#5E5E5E

Ink Gray · DimGray · Charcoal

HEX

#5E5E5E

RGB

rgb(94, 94, 94)

HSL

hsl(0, 0%, 37%)

HSB

hsb(0, 0%, 37%)

CMYK

cmyk(0%, 0%, 0%, 63%)

Oklch

oklch(48.2% 0.000 89.9)

454545

Contrast Matrix WCAG 2.1 Contrast

454545	0ACC3B	20DE07	2BFF05	5E5E5E
—	4.4 AA Large	5.3 AA	7.0 AAA	1.5 Fail
4.4 AA Large	—	1.2 Fail	1.6 Fail	3.0 Fail
5.3 AA	1.2 Fail	—	1.3 Fail	3.6 AA Large
7.0 AAA	1.6 Fail	1.3 Fail	—	4.8 AA
1.5 Fail	3.0 Fail	3.6 AA Large	4.8 AA	—

White BG

9.6AAA

2.2Fail

1.8Fail

1.4Fail

6.5AA

Black BG

2.2Fail

#454545

Dark

Light

#0ACC3B

Dark

Light

#20DE07

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #454545;
  --color-2: #0acc3b;
  --color-3: #20de07;
  --color-4: #2bff05;
  --color-5: #5e5e5e;
}

SCSS

$color-1: #454545;
$color-2: #0acc3b;
$color-3: #20de07;
$color-4: #2bff05;
$color-5: #5e5e5e;

TAILWIND

colors: {
  'brand-1': '#454545',
  'brand-2': '#0acc3b',
  'brand-3': '#20de07',
  'brand-4': '#2bff05',
  'brand-5': '#5e5e5e',
}

RGB Array

[69, 69, 69], [10, 204, 59], [32, 222, 7], [43, 255, 5], [94, 94, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #454545, #0ACC3B, #20DE07, #2BFF05, #5E5E5E is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #454545; --color-2: #0acc3b; --color-3: #20de07; --color-4: #2bff05; --color-5: #5e5e5e. 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 tech, SaaS, healthcare, eco industries. 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