← Back to Editor

#DEF10D · #DBDE87 · #C7CE94 · #8A8A8A · #241D29

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

#DEF10D

Autumn Sage · Yellow · Honey Gold

HEX
#DEF10D
RGB
rgb(222, 241, 13)
HSL
hsl(65, 90%, 50%)
HSB
hsb(65, 95%, 95%)
CMYK
cmyk(8%, 0%, 95%, 5%)
Oklch
oklch(91.3% 0.206 115.4)

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

#DBDE87

Fresh Green · Khaki · Sunflower

HEX
#DBDE87
RGB
rgb(219, 222, 135)
HSL
hsl(62, 57%, 70%)
HSB
hsb(62, 39%, 87%)
CMYK
cmyk(1%, 0%, 39%, 13%)
Oklch
oklch(87.9% 0.110 110.2)

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

#C7CE94

Fresh Green · Tan · Sunflower

HEX
#C7CE94
RGB
rgb(199, 206, 148)
HSL
hsl(67, 37%, 69%)
HSB
hsb(67, 28%, 81%)
CMYK
cmyk(3%, 0%, 28%, 19%)
Oklch
oklch(83.2% 0.077 113.7)

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

#8A8A8A

Ash · Gray · Warm Gray

HEX
#8A8A8A
RGB
rgb(138, 138, 138)
HSL
hsl(0, 0%, 54%)
HSB
hsb(0, 0%, 54%)
CMYK
cmyk(0%, 0%, 0%, 46%)
Oklch
oklch(63.3% 0.000 89.9)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#241D29

Dark Plum · Black · Dark Purple

HEX
#241D29
RGB
rgb(36, 29, 41)
HSL
hsl(275, 17%, 14%)
HSB
hsb(275, 29%, 16%)
CMYK
cmyk(12%, 29%, 0%, 84%)
Oklch
oklch(24.4% 0.025 310.9)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEF10D
200DF2

Analogous

F2930D
DEF10D
6CF20D

Triadic

DEF10D
0DDFF2
F20DDF

Split-Comp.

DEF10D
0D6CF2
930DF2

Tetradic

DEF10D
0DF293
200DF2
F20D6C

Contrast Matrix WCAG 2.1 Contrast

DEF10D
DBDE87
C7CE94
8A8A8A
241D29
—
1.1
Fail
1.3
Fail
2.7
Fail
13.0
AAA
1.1
Fail
—
1.2
Fail
2.4
Fail
11.5
AAA
1.3
Fail
1.2
Fail
—
2.1
Fail
9.9
AAA
2.7
Fail
2.4
Fail
2.1
Fail
—
4.7
AA
13.0
AAA
11.5
AAA
9.9
AAA
4.7
AA
—
White BG
1.3Fail
1.4Fail
1.7Fail
3.5AA Large
16.4AAA
Black BG
16.7AAA
14.8AAA
12.7AAA
6.1AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E644
DCDC9C
CACAA2
8A8A8A
212126

Deuteranopia

E5E451
DCDCA1
CAC9A5
8A8A8A
212225

Tritanopia

DF7079
DBADB0
C7ADB0
8A8A8A
242423

Achromatopsia

D1D1D1
D3D3D3
C5C5C5
8A8A8A
202020

Shades & Tints Shades & Tints

#DEF10D

Dark
Light

#DBDE87

Dark
Light

#C7CE94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #def10d;
  --color-2: #dbde87;
  --color-3: #c7ce94;
  --color-4: #8a8a8a;
  --color-5: #241d29;
}

SCSS

$color-1: #def10d;
$color-2: #dbde87;
$color-3: #c7ce94;
$color-4: #8a8a8a;
$color-5: #241d29;

TAILWIND

colors: {
  'brand-1': '#def10d',
  'brand-2': '#dbde87',
  'brand-3': '#c7ce94',
  'brand-4': '#8a8a8a',
  'brand-5': '#241d29',
}

RGB Array

[222, 241, 13], [219, 222, 135], [199, 206, 148], [138, 138, 138], [36, 29, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #DEF10D, #DBDE87, #C7CE94, #8A8A8A, #241D29 is ideal for: 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: #def10d; --color-2: #dbde87; --color-3: #c7ce94; --color-4: #8a8a8a; --color-5: #241d29. 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. 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