← Back to Editor

#6DF263 · #498562 · #324545 · #242B30 · #19191C

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#6DF263

Emerald · LightGreen · Apple Green

HEX
#6DF263
RGB
rgb(109, 242, 99)
HSL
hsl(116, 85%, 67%)
HSB
hsb(116, 59%, 95%)
CMYK
cmyk(55%, 0%, 59%, 5%)
Oklch
oklch(85.7% 0.218 142.2)

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

#498562

Celadon · SeaGreen · Forest Green

HEX
#498562
RGB
rgb(73, 133, 98)
HSL
hsl(145, 29%, 40%)
HSB
hsb(145, 45%, 52%)
CMYK
cmyk(45%, 0%, 26%, 48%)
Oklch
oklch(56.6% 0.084 156.8)

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

#324545

Slate Blue · DarkSlateGray · Peacock Green

HEX
#324545
RGB
rgb(50, 69, 69)
HSL
hsl(180, 16%, 23%)
HSB
hsb(180, 28%, 27%)
CMYK
cmyk(28%, 0%, 0%, 73%)
Oklch
oklch(37.4% 0.024 196.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#242B30

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#242B30
RGB
rgb(36, 43, 48)
HSL
hsl(205, 14%, 16%)
HSB
hsb(205, 25%, 19%)
CMYK
cmyk(25%, 10%, 0%, 81%)
Oklch
oklch(28.4% 0.013 239.1)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#19191C

Ink Black · Black · Jet Black

HEX
#19191C
RGB
rgb(25, 25, 28)
HSL
hsl(240, 6%, 10%)
HSB
hsb(240, 11%, 11%)
CMYK
cmyk(11%, 11%, 0%, 89%)
Oklch
oklch(21.5% 0.006 285.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6DF263
E963F2

Analogous

B4F263
6DF263
63F2A1

Triadic

6DF263
636DF2
F2636D

Split-Comp.

6DF263
A163F2
F263B4

Tetradic

6DF263
63B4F2
E963F2
F2A163

Contrast Matrix WCAG 2.1 Contrast

6DF263
498562
324545
242B30
19191C
—
3.0
AA Large
7.0
AAA
9.9
AAA
12.1
AAA
3.0
AA Large
—
2.3
Fail
3.3
AA Large
4.0
AA Large
7.0
AAA
2.3
Fail
—
1.4
Fail
1.7
Fail
9.9
AAA
3.3
AA Large
1.4
Fail
—
1.2
Fail
12.1
AAA
4.0
AA Large
1.7
Fail
1.2
Fail
—
White BG
1.4Fail
4.4AA Large
10.1AAA
14.4AAA
17.5AAA
Black BG
14.5AAA
4.8AA
2.1Fail
1.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A886
63646A
3A3A45
27272F
19191B

Deuteranopia

9F958E
605B6D
393845
27262E
19191B

Tritanopia

74A1A7
4C7173
334545
242E2E
191B1B

Achromatopsia

BABABA
6F6F6F
3F3F3F
292929
191919

Shades & Tints Shades & Tints

#6DF263

Dark
Light

#498562

Dark
Light

#324545

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6df263;
  --color-2: #498562;
  --color-3: #324545;
  --color-4: #242b30;
  --color-5: #19191c;
}

SCSS

$color-1: #6df263;
$color-2: #498562;
$color-3: #324545;
$color-4: #242b30;
$color-5: #19191c;

TAILWIND

colors: {
  'brand-1': '#6df263',
  'brand-2': '#498562',
  'brand-3': '#324545',
  'brand-4': '#242b30',
  'brand-5': '#19191c',
}

RGB Array

[109, 242, 99], [73, 133, 98], [50, 69, 69], [36, 43, 48], [25, 25, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #6DF263, #498562, #324545, #242B30, #19191C is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #6df263; --color-2: #498562; --color-3: #324545; --color-4: #242b30; --color-5: #19191c. 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 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