← Back to Editor

#DE3240 · #E07D14 · #DD9F0C · #D0DA27 · #686A70

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#DE3240

Vermilion · Crimson · Passion Red

HEX
#DE3240
RGB
rgb(222, 50, 64)
HSL
hsl(355, 72%, 53%)
HSB
hsb(355, 77%, 87%)
CMYK
cmyk(0%, 77%, 71%, 13%)
Oklch
oklch(59.2% 0.207 22.4)

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

#E07D14

Ochre · Chocolate · Amber Brown

HEX
#E07D14
RGB
rgb(224, 125, 20)
HSL
hsl(31, 84%, 48%)
HSB
hsb(31, 91%, 88%)
CMYK
cmyk(0%, 44%, 91%, 12%)
Oklch
oklch(68.6% 0.158 58.4)

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

#DD9F0C

Ochre · GoldenRod · Honey Gold

HEX
#DD9F0C
RGB
rgb(221, 159, 12)
HSL
hsl(42, 90%, 46%)
HSB
hsb(42, 95%, 87%)
CMYK
cmyk(0%, 28%, 95%, 13%)
Oklch
oklch(74.3% 0.152 80.1)

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

#D0DA27

Autumn Sage · GreenYellow · Honey Gold

HEX
#D0DA27
RGB
rgb(208, 218, 39)
HSL
hsl(63, 71%, 50%)
HSB
hsb(63, 82%, 85%)
CMYK
cmyk(5%, 0%, 82%, 15%)
Oklch
oklch(85.3% 0.182 113.1)

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

#686A70

Ink Gray · DimGray · Warm Gray

HEX
#686A70
RGB
rgb(104, 106, 112)
HSL
hsl(225, 4%, 42%)
HSB
hsb(225, 7%, 44%)
CMYK
cmyk(7%, 5%, 0%, 56%)
Oklch
oklch(52.5% 0.010 271.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE3240
31DDCF

Analogous

DD3196
DE3240
DD7931

Triadic

DE3240
3FDD31
313FDD

Split-Comp.

DE3240
31DD79
3196DD

Tetradic

DE3240
96DD31
31DDCF
7931DD

Contrast Matrix WCAG 2.1 Contrast

DE3240
E07D14
DD9F0C
D0DA27
686A70
—
1.5
Fail
1.9
Fail
3.0
Fail
1.2
Fail
1.5
Fail
—
1.3
Fail
1.9
Fail
1.8
Fail
1.9
Fail
1.3
Fail
—
1.5
Fail
2.3
Fail
3.0
Fail
1.9
Fail
1.5
Fail
—
3.5
AA Large
1.2
Fail
1.8
Fail
2.3
Fail
3.5
AA Large
—
White BG
4.5AA
3.0Fail
2.3Fail
1.5Fail
5.4AA
Black BG
4.6AA
7.1AAA
9.0AAA
13.7AAA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

94923D
B5B42D
C2C230
D4D452
69696F

Deuteranopia

9EAA3C
BBC234
C6CA38
D4D35D
69696E

Tritanopia

D53A39
DB4146
DA4C52
D1757C
686D6D

Achromatopsia

676767
8F8F8F
A1A1A1
C3C3C3
6A6A6A

Shades & Tints Shades & Tints

#DE3240

Dark
Light

#E07D14

Dark
Light

#DD9F0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de3240;
  --color-2: #e07d14;
  --color-3: #dd9f0c;
  --color-4: #d0da27;
  --color-5: #686a70;
}

SCSS

$color-1: #de3240;
$color-2: #e07d14;
$color-3: #dd9f0c;
$color-4: #d0da27;
$color-5: #686a70;

TAILWIND

colors: {
  'brand-1': '#de3240',
  'brand-2': '#e07d14',
  'brand-3': '#dd9f0c',
  'brand-4': '#d0da27',
  'brand-5': '#686a70',
}

RGB Array

[222, 50, 64], [224, 125, 20], [221, 159, 12], [208, 218, 39], [104, 106, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #DE3240, #E07D14, #DD9F0C, #D0DA27, #686A70 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: #de3240; --color-2: #e07d14; --color-3: #dd9f0c; --color-4: #d0da27; --color-5: #686a70. 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